Verkossa on tosi paljon erilaisia CSS tabs valikoita (esim http://unraveled.com/projects/assets/css_tabs/ ), mutta lähes kaikissa on samanlainen toimintaperiaate, tab ulkoasu laitetaan ul listan a-linkin css tyylitiedostoon ja actiivinen tab-sivu merkataan erityisellä class tyylimäärityksellä.
Itse en halua tehdä niin, koska tämä vaati linkkiä myös aktiivisille tabille ja tämä on tyhmää, koska silloin voi klikata avointa olevaa tabia. Haluan siis ettei aktiivisella tabilla olisi linkkiä, mutta tämän takia koko CSS ulkoasu menee uusiksi. Ja tällaista esimerkkiä missä ei olisi linkkiä aktiivisella tabilla en ole vielä löytänyt.
Voisiiko joku auttaa minua? Joko lyhyellä esimerkillä tai linkillä?
Tab 1 aktiivinen
Tab 2
Tab 3
Itse en halua tehdä niin, koska tämä vaati linkkiä myös aktiivisille tabille ja tämä on tyhmää, koska silloin voi klikata avointa olevaa tabia. Haluan siis ettei aktiivisella tabilla olisi linkkiä, mutta tämän takia koko CSS ulkoasu menee uusiksi. Ja tällaista esimerkkiä missä ei olisi linkkiä aktiivisella tabilla en ole vielä löytänyt.
Voisiiko joku auttaa minua? Joko lyhyellä esimerkillä tai linkillä?
Tab 1 aktiivinen
Tab 2
Tab 3
Vastaukset 1
Vanhimmat
ul#valikko { list-style-type:none; border-bottom:solid; padding:0.48em; margin:0; }
ul#valikko li { display:inline; margin:1em; }
ul#valikko li a, b { padding:0.5em; border:solid #000; border-bottom:none; }
ul#valikko li a:hover { background:#ddd; }
ul#valikko li b { border-bottom:solid #fff; background:#fff; }
Tab 1 aktiivinen
Tab 2
Tab 3