Avatar billede Keld Nielsen Professor
16. februar 2008 - 14:38 Der er 3 kommentarer og
1 løsning

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;
    }
Avatar billede roenving Novice
16. februar 2008 - 15:32 #1
position: absolute; ?-)
Avatar billede Keld Nielsen Professor
16. februar 2008 - 15:44 #2
Godt set ! ...men det var desværre ikke nok - akurrat samme fejl stadig.
Avatar billede roenving Novice
16. februar 2008 - 16:13 #3
-- jeg kunne heller ikke se, at det skulle betyde det problem !-)

-- der må være nogle afvigelser i kodningen, så vi ikke kan se det i eksemplet ...
Avatar billede Keld Nielsen Professor
06. april 2008 - 17:31 #4
...nåh, det lykkedes desværre ikke dennegang!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester