FAQ |
Kalender |
![]() |
#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! |
||
![]() |
![]() |
![]() |
#2 | |||
|
||||
Mycket flitig postare
|
I .menu li a prova att lägga till line-height:40px;
|
|||
![]() |
![]() |
![]() |
#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. |
||
![]() |
![]() |
![]() |
#4 | |||
|
||||
Flitig postare
|
Citat:
![]() |
|||
![]() |
![]() |
![]() |
#5 | ||
|
|||
Har WN som tidsfördriv
|
Citat:
Citat:
![]() MvH! //Philip Andersson! |
||
![]() |
![]() |
Svara |
|
|