Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
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
|
|
Willkommen auf dem Portal für Mediengestalter
