Avatar billede cgleerup Nybegynder
02. juli 2012 - 08:24 Der er 1 kommentar og
1 løsning

Placering af tekst i forhold til menu

Hej eksperter,

Det her er formentlig piece of cake for jer hardcore gutter, men jeg er ikke lige CSS haj.

Jeg sidder med en hjemmeside hvor der i toppen er en menu, der er lavet en streg i top og en steg i bund - grålige - og så skal teksten placeres lige i midten der. Men den viser sig præcis i midten af den nederste grå streg. What to do?

CSS ser sådan ud:

#divMenu
    {
    position: absolute;
    left: 224px;
    top: 74px;
    width: 670px;
    height: 30px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    text-align: left;
    }
        #divMenuItems
        {
        position: absolute;
        left: 13px;
        top: -10px;
        width: 680px;
        }
            #divMenuItems ul
            {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
                top: -50px;           
            }
                #divMenuItems li
                {
    float: left;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 32px;
    top: -10px;
    color: #000000;
                }
                #divMenuItems A, #divMenuItems A:visited
                {
                    color: #ef6b30;
                    text-decoration: none;
                    font-size: 18px;

                }
                #divMenuItems A:hover
                {
                    color: #666666;
                    text-decoration: none;
                    font-size: 18px;
                }
                #divMenuItems A:active
                {
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 18px;
                }
Avatar billede claes57 Ekspert
02. juli 2012 - 11:31 #1
husk også at lukke denne - du har selv løst den
Avatar billede cgleerup Nybegynder
02. juli 2012 - 11:35 #2
Good point
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