+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : CSS Trick : Des onglets en CSS (et sans Js !) (/showthread.php?tid=2682)
CSS Trick : Des onglets en CSS (et sans Js !) - thelos - 14-06-2008
Salut à tous,
Dans le cadre d'un projet que je développe actuellement pour couper un peu des jeux en ligne, j'ai eut besoin de faire un espace membre. Pour une navigation plus agréable, pour décharger les pages de trop de contenu ainsi que pour ne pas avoir a faire à une multitude de pages j'ai eut recours à des onglets.
Quelques recherches et quelques milliers de ligne de Js pas très Catholique je trouve enfin le Graal (notez le subtil jeu de mots) :
http://www.3point7designs.com/blog/2007/09/12/css-tabs-css-only-dom-tabs/
Pas une ligne de Js ! Que du CSS et correct en plus de ça !
Ca reste limité par rapport à certains scripts Js mais c'est largement plus efficaces dans certains projets. Le vôtre peut-être !
Amicalement, Thelos.
RE: CSS Trick : Des onglets en CSS (et sans Js !) - zneman - 15-06-2008
Rien compris, surtout que c'est de l'anglais et que... je ne suis pas d'hummeur à faire de la traduction
je verrais ça plus tard, merci !
RE: CSS Trick : Des onglets en CSS (et sans Js !) - Eluox - 15-06-2008
En gros, sa fait sa :
http://www.3point7designs.com/blog/cssdomtabs.html
RE: CSS Trick : Des onglets en CSS (et sans Js !) - appzer0 - 15-06-2008
Sympathique, je garde dans un coin.
Il faut noter que certains inconvénients demeurent : des problèmes de fonctionnement sous Opera et Safari apparemment, et les hauteurs de "div" sont à spécifier (si le texte est trop long, le flux de la page saute et tout va se décaler/se mettre en pagaille (idem si on agrandit la taille des caractères). Merci