FAQ |
Kalender |
2009-08-18, 12:15 | #1 | ||
|
|||
Har WN som tidsfördriv
|
Hej gott folk!
Har ett litet CSS problem med IE 7.0 (som jag använder i detta fall) som inte får samma resultat som Chrome och Safari. Så här vill jag att det ska se ut (Chrome & Safari) : Men istället så ser det ut så här i IE (7.0): Det är då a:hover vi snackar om. CSS för menyn ser ut så här: Kod:
.menu { width: 700px; height: 40px; float: right; margin-top: 80px; } .menu li { display:inline; } .menu li a{ width: 100px; padding: 10px; text-align: center; text-decoration: none; font-weight: 500; color: #333333; height: 40px; width: 100px; } .menu li a:hover { width: 100px; padding: 10px; text-align: center; text-decoration: none; font-weight: 500; height: 40px; width: 100px; background: #1a1a1a; color: #FFFFFF; } har du en lösning till detta så vill jag gärna veta Tacksam för svar MvH! //Philip Andersson! |
||
Svara med citat |
2009-08-18, 12:22 | #2 | |||
|
||||
Mycket flitig postare
|
I .menu li a prova att lägga till line-height:40px;
|
|||
Svara med citat |
2009-08-18, 12:27 | #3 | ||
|
|||
Medlem
|
En grej du bör tänka på är att du inte behöver sätta t.ex padding och annat två gånger. Du deklarerar redan på vanliga "a" och sedan gör du det igen på :hover. Om den inte ska ändras så behöver du inte fylla i den. Det som du skrivit i "a" ärvs till :hover.
Brukar inte själv sätta en höjd på ul » li » a-element, utan låter paddingen styra höjden på denna. Containern som den ligger i brukar oftast få sig en höjd. |
||
Svara med citat |
2009-08-18, 12:29 | #4 | |||
|
||||
Flitig postare
|
Citat:
|
|||
Svara med citat |
2009-08-18, 12:30 | #5 | ||
|
|||
Har WN som tidsfördriv
|
Citat:
Citat:
MvH! //Philip Andersson! |
||
Svara med citat |
Svara |
|
|