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
513
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
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225124- 254278
- 272441
- 342234
- 371988
- 151908
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191587- 121521
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211237Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101164