Placering af knapper i een lang linie
Jeg har et problem med at få nogle knapper på plads i en lang række.Koden er meget omfattende, asp.net, men "området" hvor menu er herunder, og delen af CSS-en der er omfattet er
også herunder.
Jeg kan desværre ikke vise siden direkte, da vores udviklingsserver er låst for adgang via IP-numre. Men det
er en opdatering af www.image2use.dk - knapperne skal stå på samme måde - men bemærk at "midterste" gruppe kan
kun ses hvis man er oprettet som kunde, her har jeg oprettet en Ekspert-testkunde:
Bruger: D13000
Password: k7mysyzp
Som jeg ser det nu er flagene, helt til venstre, og lige nedenunder knapperne, og når jeg har logget ind står knapperne oveni hinanden.
Kaldt sådan: -----------------------------------------------------------------------
<div id="ContainerMenu">
<div class="Box1Content">
<div id="TopMenuMostLeft">
<uc1:languagechooser id="LanguageChooser1" runat="server"></uc1:languagechooser><IMG height="1" alt=""
src="/images/s.gif" width="67" border="0">
</div>
<div id="TopMenuLeft">
<%
if (sitecore.Toolbox.IsUserMemberOf(sitecore.Toolbox.UserGroups.Kunde) == false) { %>
<sc:xslfile id="TopMenu" runat="server" path="/xsl/TopMenu.xslt"
renderingid="{EB71C7E3-F6D8-4592-8B4F-85953CA9F7A3}"></sc:xslfile>
<% }
if (sitecore.Toolbox.IsUserMemberOf(sitecore.Toolbox.UserGroups.Kunde)) {
// if (Sitecore.State.Language.ToLower() == "da") {
<asp:HyperLink id="lnkSimpelSoegning" runat="server" NavigateUrl="/kunder/simpel
soegning.aspx?clear=yes">Billeder</asp:HyperLink>
<asp:HyperLink id="lnkLightbox" runat="server"
NavigateUrl="/kunder/lightbox.aspx?">Lightbox</asp:HyperLink>
<asp:HyperLink id="lnkBasket" runat="server"
NavigateUrl="/kunder/indkoebskurv.aspx?">Indkøbskurv</asp:HyperLink>
<asp:HyperLink id="lnkMineOrdrer" runat="server" NavigateUrl="/kunder/mineordrer.aspx?">Mine
Ordrer</asp:HyperLink>
<asp:HyperLink id="lnkKundeInfo" runat="server"
NavigateUrl="/Generel/Kundeinfo.aspx?">Kundeinfo</asp:HyperLink>
<asp:HyperLink id="lnkPrisliste" runat="server"
NavigateUrl="/Generel/Kundeinfo/Prisliste.aspx?">Priser</asp:HyperLink>
</div>
<% // } else {
%>
<%
// }
} %>
<div id="TopMenu">
<asp:HyperLink id="lnkFrontpage" runat="server" NavigateUrl="/">Forsiden</asp:HyperLink>
<asp:HyperLink id="lnkLoginLogout" runat="server" NavigateUrl="/Login.aspx">Login</asp:HyperLink>
</div>
</div>
</div>
CSS-delen: ---------------------------------
.Box1Content {
min-height : 40px;
height : auto !important;
height : 40px;
background-color : #024b82;
border-color : #024b82;
border-style : solid;
border-width : 0px 1px 0px 1px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}
#ContainerMenu {
width : 990px;
}
#TopMenu {
padding : 0px 0px 0px 0px;
width : 200px;
position : absolut;
margin-left : 790px;
}
#TopMenu a {
display : block;
float : left;
width : 75px;
height : 18px;
margin : 0px 0px 0px 0px;
font-weight : bold;
font-size : 9px;
text-decoration : none;
color : #024b82;
background-color : transparent;
background-image : url(images/knap_of.gif);
background-repeat : no-repeat;
background-attachment : scroll;
background-position : 0px 0px;
padding : 3px 0px 0px 10px;
}
#TopMenu a:hover {
background-image : url(images/knap_on.gif);
text-decoration : none;
}
#TopMenuLeft {
padding : 0px;
width : 666px;
position : absolut;
margin-left : 124 px;
}
#TopMenuLeft a {
display : block;
float : left;
width : 80px;
height : 18px;
margin : 0px 0px 0px 3px;
font-weight : bold;
font-size : 9px;
text-decoration : none;
color : #024b82;
background-color : transparent;
background-image : url(images/knap_of_left.gif);
background-repeat : no-repeat;
background-attachment : scroll;
background-position : 0px 0px;
padding : 3px 0px 0px 5px;
}
#TopMenuLeft a:hover {
background-image : url(images/knap_on_left.gif);
text-decoration : none;
}
#TopMenuMostLeft {
padding : 0px 0px 0px 15px;
width : 124px;
position : relative;
}
