2012-04-07 8 views
2

Hallo Ich möchte meine <a> Tag reagieren auf die volle Höhe und Breite der Eltern li.CSS-Stil auf Link-Tag

Wie kann ich das erreichen? Der Anzeigeblock funktioniert nicht. Putting es um den li statt drinnen entfernt den letzten li aus irgendeinem Grund.

Wie hier angefordert ist der entsprechende Code.

nav li{height:70px;float:left;margin:0px;padding:25px 20px;display:block;} 
nav li:hover{background:#00A2E5;} 
nav a, nav a:visited{font:bold 20px Arial;color:#515151;text-decoration:none;display:block;} 
nav a:hover, nav a:visited:hover{font:;color:#FFFFFF;} 
+1

können Sie einige Ihrer Codes mit css.It mehr hilfreich, diese zu lösen platzieren. – NewUser

+0

'display: block' sollte funktionieren, sind Sie sicher, dass Sie auch 'width: 100%' und 'height: 100%' auf dem '' Tag setzen? –

Antwort

2
li a { 
    width:100%; 
    height:100%; 
    display:block; 
} 
+0

+1, aber Sie sollten wahrscheinlich 'display: block;' hinzufügen. Ohne sie geht es nicht. – jwueller

+0

In der Tat, zu korrigieren. =) –

+0

Thx, kann die Antwort bis in 9 Minuten nicht annehmen, aber Sie werden Kredit erhalten. – justanotherhobbyist

Verwandte Themen