Hoi,
Op de volgende website heb ik een klein probleemje ik wil graag dat bij de laatste knop (route) de border (streepje) verdwijnt. In mijn css staat dat dit bij elke knop moet gebeuren, is het mogelijk om dit bij de laatste knop uit te schakelen.
Iemand dus enig idee hoe dit is te realiseren?!
bedankt alvast!
"de volgende site".. ikzie hem niet hoor...
Maar goed, bij die laatste knop css plaatsen die die van de algemene knop overrulled.
dat snap ik, enig idee hoe ik dit kan formuleren, ik heb al een aantal internet pagina's bezocht maar het wil nog steeds niet werken.
kan ik dit nog in de css aangeven of moet ik hiervoor in de html iets toevoegen, aangezien je het in de html toevoegd op de hoogste niveau?
geef de laatste li een class die gelijk is aan de andere li, maar zonder de border.
ik heb nu dit staan:
html:
[code:1:b22a4c1935]<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.htm" id="current">HOME</a></li>
<li><a href="contact.htm">CONTACT</a></li>
<li class="last"><a href="route.htm">ROUTE</a></li>
</ul>
</div>[/code:1:b22a4c1935]
CSS:
[code:1:b22a4c1935] #navcontainer ul li a{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #BE0F33;
text-decoration: none;
border-right: 1px solid #BE0F33;
}
#navcontainer ul li a.last {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #BE0F33;
text-decoration: none;
border-right: 0px solid #BE0F33;
}[/code:1:b22a4c1935]
Maar dit wil niet werken zit er misschien nog een fout in?!
Niet zo gek dat het niet werkt. Je hebt in je HTML de class aan de li gehangen, terwijl je in je CSS de class aan de anchor hebt gehangen.
Dit zou dus wel moeten werken:
[code:1:a39927c4f2]#navcontainer ul li.last a {
border-right: none;
}
[/code:1:a39927c4f2]
De andere properties zijn bij deze class overbodig, omdat je ze al op elke li in de navcontainer heb gezet. 
Klopt nu werkt het wel!!
thnx for the help!
ik ga me hier maar eens in verdiepen dit is toch wel handig!