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
CSS Tab-valikot
joku vaan...
1
514
Vastaukset
- joku toinen
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
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 742922
- 642773
- 681812
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä171659- 241647
- 201590
- 191508
- 481287
- 381263
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91249