Formatierung über id klappt nicht
goldie
- css
Hallo,
ich habe ein Menü:
<div id="nav">
<ul>
<!-- TemplateBeginEditable name="Navi" -->
<li><a href="../vita.php">Steckbrief</a></li>
<li><a href="../hobby.php">Hobby</a></li>
<li><a href="../kunst.php">Kunst</a></li>
<li><a href="../fotos.php">Fotos</a></li>
<li><a href="../referenzen.php" id="lastlink">Referenzen</a></li>
<!-- TemplateEndEditable -->
</ul>
</div>
mit folgender Formatierung:
div#nav {
background:#5D5D5D url(../images/nav-bg.jpg) top left repeat-x;
margin:0 auto;
width:925px; height:48px;
border:solid 0px red;
}
#nav ul {
list-style:none;
font-size:1em;
margin:0;
}
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
float:left;
display:block;
padding:8px 10px 8px 20px;
color:#FFFFFF;
background-color:transparent;
text-align:left;
line-height:normal;
width:193px;
wid\th:163px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
color:#FFFFFF;
background:transparent url(../images/menu-arrow2.gif) 3px 50% no-repeat;
}
#nav strong {
color:#FFFFFF;
background:transparent url(../images/menu-arrow.gif) 3px 50% no-repeat;
}
a#lastlink {
border:solid 1px red;
width:75px;
}
Der Border vom lastlink funktioniert. Die Breite nicht :(((
Hi,
Der Border vom lastlink funktioniert. Die Breite nicht :(((
Er wird nach wie vor inline dargestellt - also *darf* width fuer ihn keine Auswirkung haben.
MfG ChrisB
Hi,
Er wird nach wie vor inline dargestellt - also *darf* width fuer ihn keine Auswirkung haben.
Falsch, er ist gefloatet. Es ist die specificity.
cu,
Andreas
Hi,
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:focus,
#nav a:active,
Vergleiche die specificity dieser 5 Selektoren
mit der specificity des folgenden Selektors:
a#lastlink {
Der Border vom lastlink funktioniert. Die Breite nicht :(((
border wird für die ersten 5 Selektoren nicht gesetzt, width schon.
boo
cu,
Andreas
@ Andreas: Ach die Spezifität ist schuld... Danke!