foto html - css     . Allerlei - Tabbladen

Omschrijving   Voorbeeld

Een tabblad maken is niet zo moeilijk. Hier een simpel voorbeeld met css.   item 2 | item 3 | sluiten

Dit is tabblad 1 Hier staat dan tabblad nummmer 1

Dit is tabblad 2 Hier staat dan tabblad nummmer 2

Dit is tabblad 3 Hier staat dan tabblad nummmer 3

In de css

div.items p {display: none}
div.items p:target {display: block}
div.items p:not(:target) {display: none}

Tussen de bodytags

<a href="#item1">item 1</a> |
<a href="#item2">item 2</a> |
<a href="#item3">item 3</a> |
<a href="#default">sluiten</a>
<div class="items">
<p id="item1">
tekst1
<p id="item2">
tekst
<p id="item3">
tekst
<p id="default">
</div>
<p>gewone tekst </p>

end
terug
home