Kash
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 19.06.2008 16:54
Titel [CSS] - Navigation/Listen Frage |
|
|
Hallo liebe Forengemeinde,
ich habe hier ein kleines problem an dem ich mir solangsam die Zähne ausbeise.
ich habe eine navigation aus listenelementen.
diese habe ich per css geschrieben.
CSS
Code: |
div#container #navoben {
margin:auto;
padding:0;
width:861px;
height:21px;
background:#CECECE;
}
div#container #navoben ul {
padding-left:3px;
height:21px;
}
div#container #navoben ul li {
height:21px;
display:inline;
line-height:21px;
padding-left:8px;
border-right:1px solid #ffffff;
}
div#container #navoben ul li a {
color:#535353;
text-decoration:none;
font-size:9pt;
font-family:tahoma,verdana,arial,sans-serif;
padding-right:8px;
}
|
HTML
Code: |
<div id="navoben">
<ul>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
</ul>
</div>
|
wir ihr sehen könnt, wird jedem element rechts noch eine rahmen angehangen.
jetzt möchte ich aber das das letzte element keinen rahmen hat.
ich habe schon probiert über
div#container #navoben ul li .border
eine zusätliche klasse zu generieren bei der es keine border eigenschaft gibt und dem letzten <li></li> die Klasse 'border' zu vergeben.
das funktioniert aber nicht.
hat mir jemand eine idee?
danke und gruß
Zuletzt bearbeitet von Kash am Do 19.06.2008 17:00, insgesamt 2-mal bearbeitet
|
|