Avatar billede tobrukDk Novice
11. oktober 2011 - 15:35 Der er 6 kommentarer og
1 løsning

Menu Problemer med css Virker ikke helt

Hej

- Lige nu og her er jeg i gang med eksamen men det er sådan at jeg er kommet inde i et problem som jeg har prøve at løse frem og tilbage, og det kan bare ikke for det til at virker lige nu :(

http://jesperbok.dk/designmuseum/

Vil lige det ind på min hjemmeside i andre også kun se hvad fejl er for mig lige nu



.menu {
        background:#006666;
        width:190px;
        margin:24px;
    }
    .menu h4 {
        text-align:center;
        padding-top:5px;
    }
    /*UL & LI*/
        .menu ul {
            padding:0px;
            margin:0px;
        }
        .menu ul li {
            display:inline;
            padding-left:15px;
            padding-top:2px;
        }
        /*Links ved menu*/
            .menu li a,a:hover {
                text-decoration:none;
                color:#FFF;
            }
Avatar billede olsensweb.dk Ekspert
11. oktober 2011 - 15:54 #1
du kunne jo starte med at sætte korrekt width i din menu class fra 190 til 910

.menu
width: 910px;
Avatar billede tobrukDk Novice
11. oktober 2011 - 15:56 #2
sådan her skal site se ud når jeg er færdig! : http://localhostr.com/files/AivL6Kt/capture.png
Avatar billede tobrukDk Novice
11. oktober 2011 - 16:39 #4
Super jeg kigger lige på det når jeg kommer hjem igen . Da jeg er på vej på arbejde ;)
Avatar billede NielsErikP Mester
11. oktober 2011 - 19:53 #5
Hej...
Hvis det er mening det skal være en horisontal menu???
Vil jeg kalde den yderste UL for "id=Menu" istedet for den omkrænsende DIV...
Så vil jeg sige :

#menu li {
    text-align: center;
    float:left;
    position:relative;
    display:block;
    height:  ?????
    line-height:  ????
}



Håber det kan bruges!!!
Avatar billede tobrukDk Novice
12. oktober 2011 - 07:49 #6
Tror ikke rigtigt at det vil komme til at hjælpe noget sådan. Rigtigt . Men jeg prøver lige når jeg kommer i skole ;)
Avatar billede tobrukDk Novice
12. oktober 2011 - 10:51 #7
Jeg komme selv frem til problem var :)



/*venstre menu*/
    .menu {
        background:#006666;
        width:190px;
        margin:24px;
       
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    .menu h3 {
        text-align:center;
        padding-top:8px;
    }
    /*UL & LI*/
        .menu ul {
            padding:0px;
            margin:0px;
        }
        .menu ul li {
            padding-left:15px;
            padding-top:2px;
            list-style:none;
            line-height:16px;
        }
        /*Links ved menu*/
            .menu li a,a:hover {
                text-decoration:none;
                color:#FFF;
            }

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