Avatar billede nikolajhygebjerg Nybegynder
13. juni 2006 - 11:04 Der er 1 løsning

flytte undermenu lidt

Jeg skal have mine undermenuer til topmenuen til at flugte med den sorte streg på min hjemmeside (altså et par pixels ned) på www.lkhojskole.dk/typo

i dette CSS

Er der en som kan hjælpe?

/*
*        Horizontal, top-2-bottom menu
*        Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
*/

/*        ------    Basic style    ------        */

#menu {
    display: block;
    width: 565px;
    position: relative;
    top:2px;
    left:2px;
}

#menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

#menu li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position:relative;
}

#menu a {
    display: block;
}

#menu li li {
    width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
    top: 0;
    left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
    left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
    display: none;
    position: absolute;
    z-index: 20;
}

/* display them on hover */
#menu li:hover>ul {
    display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/* Fix for IE5/Mac \*//*/
#menu a {
    float: left;
}

#menuList {
    display: inline-block;
}
/*  */

/*        ------  Make-up    --------            */

#menu {
    color: #000000;
}

#menu li:hover {
    background-color: #c5dd7f;    /*baggrundsfarven bag teksten når man peger */
    color: #FFFFFF;
}

#menu a {
    text-decoration: none;
    text-align: center;
    color: #000000; /* farven på teksten */
    padding: 4px 5px 5px;
}

#menu li:hover>a {
    color: #616160; /* farven på teksten når man peger */
}

#menu li ul {
    color: #000000;
    background-color: #c5dd7f;
    border: 1px solid #000000;
    width: 130px;
}

#menu li ul a {
    text-align: left;
}
Avatar billede nikolajhygebjerg Nybegynder
13. juni 2006 - 21:55 #1
intet
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