Oglet actif - HTML/CSS - Programmation
Marsh Posté le 13-11-2005 à 11:44:55
Hello,
Voilà qui devrait t'aider : http://forum.alsacreations.com/faq/#item30
Bon dimanche
Marsh Posté le 13-11-2005 à 12:01:21
ca ne m'a pas trop eclaire .. j'ai du mal lire ( anglais et moi == 0 ),
sur tout les liens il te dise comment faire en donnant des id a tes pages, mais la comme ce sont des sous-pages ( je ne peux forcement pas donner la meme ID a plusieurs elements ) je fait comment ?
Marsh Posté le 13-11-2005 à 12:53:07
kirua_sama a écrit : ca ne m'a pas trop eclaire .. j'ai du mal lire |
Qu'appelles-tu une sous-page ?
Si tu inclus un bloc de contenu (<div> ) par exemple dans un document, rien ne t'empêche d'identifier ce div avec un id, non ?
Marsh Posté le 13-11-2005 à 13:19:36
ce que j'appelle une sous-page en fait, c'est un liens completement independant mais qui fait partie de la rubrique dans laquelle je suis.
Exemple: Dans la rubrique hardware la page carte graphiques ...
donc tu me dit qu'il faut ke je mette un id"hardware" (pour l'exemple) dans chacune de mes "sous-pages" ??
Marsh Posté le 14-11-2005 à 10:01:23
Tu pourrais pas nous donner un lien? Car je ne vois pas trop de quoi il s'agit en pratique, malgré ta superbe explication.
Marsh Posté le 14-11-2005 à 10:13:29
surperbe exemple trouve http://www.apple.com/downloads/macosx/
Marsh Posté le 14-11-2005 à 10:25:49
Pour commencer, c'est a:active et pas actif.
Quant à ton problème, tu n'as qu'à créer un id #quelconque à associer à l'onglet actif de la page.
Marsh Posté le 14-11-2005 à 10:37:12
oue mais pour qu'il reste active dans les sous menus et met les meme id a tes autres pages ??
Par exemple dans mon exemple si tu click sur la sous-partie Switch l'onglet reste actif.
Marsh Posté le 14-11-2005 à 13:09:55
ben tu rajoute à l'onglet une classe genre
<ul>
<li class="actif"><a></a></li>
<li><a></a></li>
</ul>
Marsh Posté le 14-11-2005 à 13:11:02
regarde à cette page sur le code fourni
il mettent un id="active"
bon moi je prefere une classe lol va savoir pourquoi
http://css.maxdesign.com.au/listam [...] ntal03.htm
Marsh Posté le 14-11-2005 à 13:14:06
#active n'est pas present dans le css de cet exemple c'est normal ???
Marsh Posté le 14-11-2005 à 13:29:37
En fait je ne comprends pas du tout le but de ton exemple ...
#navcontainer ul li { display: inline; } il declare ca alors que pour ul et li il donne un autre ID ce qui fait que cette declaration est compltement inutile. De plus il ne declare ni #active ni #navlist ce qui fait que les ul et li n'auront aucune propriete
Marsh Posté le 14-11-2005 à 15:06:22
Ca commence un peu a me monter à la tête que tu comprennes pas ce qu'on t'explique
dis tu pourrais nous donner le code que tu as actuellement (en HTML)
ensuite en CSS
puis tu nous dis ce que tu veux faire.
moi je t'ai dit dès le début soit d'associer un une classe ) l'onglet actif, ou un id.
et ça sur la page qui correspondra à l'onglet. J'y peux rien si tu comprend pas
Marsh Posté le 14-11-2005 à 18:37:07
d'accord j'ai compris je t'ai juste demande, comme j'ai plusieur page qui corresponde a un seul onglet si je devais bien mettre la meme id dans chacune des page ... voila tout
Marsh Posté le 14-11-2005 à 18:40:04
ben ouiiiiiiiiiiiiiiiiiii
c'est une question toute même bête, sachant qu'un id c'est propre à une page, et en aucun cas à un site web.
Page HTML != de Site Web heing !!!
Marsh Posté le 14-11-2005 à 18:56:45
Je comprends ton enervement mais vendredi c'etait ferie fallais que je le rattrape :$
Marsh Posté le 15-11-2005 à 12:59:35
dans aucun d'eux je ne voi comment est utilise la balise active.
Ils montre juste comment change le body en fonction du lien ....
Marsh Posté le 15-11-2005 à 13:23:18
a:active{ } definit la propriete du lien lors du clic et avant le relachement de celui ci (ce qui se passe entre onMouseDown et onMouseUp si tu veux)
rien a voir avec le site d'apple ou pour les onglets supérieur c'est tous le style de la page qui est affecté (un style par sous partie et pas une simple pseudo-class de type :active)
apres pour avoir un effet de correspondance entre le menu et la page actuel, gatusat & sibelius t'on donné des pistes...
Marsh Posté le 15-11-2005 à 13:28:58
hmmmmmmm d'accord ca m'eclair enormmement merci beaucoup mechkurt. j'imaginais tout autre chose.
Marsh Posté le 13-11-2005 à 11:05:11
bonjour tout le monde
voila alors pour faire une naviguation par onglet j'ai recherche et je compte utilise les propriete css:
a.hover
a.actif
cependant, j'ai les grosses parties dans les onglets et le sous menu a gauche je voudrais donc savoir comment je peu faire pour que mon onglet reste actif meme lorsque je navigue dans le menu ( ses sous-parties).
Voila merci