Oglet actif

Oglet actif - HTML/CSS - Programmation

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 :hello:

Reply

Marsh Posté le 13-11-2005 à 11:05:11   

Reply

Marsh Posté le 13-11-2005 à 11:44:55    

Hello,
 
Voilà qui devrait t'aider : http://forum.alsacreations.com/faq/#item30
 
Bon dimanche :)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 13-11-2005 à 11:51:36    

merci a toi bon dimanche :)

Reply

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 ?

Reply

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 :( ( 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 ?


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 ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

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" ??

Reply

Marsh Posté le 13-11-2005 à 16:49:39    

:hello:

Reply

Marsh Posté le 13-11-2005 à 20:16:43    

:(

Reply

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.

Reply

Marsh Posté le 14-11-2005 à 10:12:26    

oki  

Reply

Marsh Posté le 14-11-2005 à 10:12:26   

Reply

Marsh Posté le 14-11-2005 à 10:13:29    

Reply

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.

Reply

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.

Reply

Marsh Posté le 14-11-2005 à 13:09:09    

???

Reply

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>

Reply

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

Reply

Marsh Posté le 14-11-2005 à 13:14:06    

#active n'est pas present dans le css de cet exemple c'est normal ???

Reply

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

Reply

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  :fou:  
 
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


Message édité par gatsusat le 14-11-2005 à 15:16:15
Reply

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

Reply

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 !!!

Reply

Marsh Posté le 14-11-2005 à 18:56:45    

Je comprends ton enervement :)  mais vendredi c'etait ferie fallais que je le rattrape :$

Reply

Marsh Posté le 14-11-2005 à 21:29:41    

En faite je comprends pas vos exemples !! :'(

Reply

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 ....

Reply

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...


---------------
D3
Reply

Marsh Posté le 15-11-2005 à 13:28:58    

hmmmmmmm d'accord ca m'eclair enormmement :) merci beaucoup mechkurt. j'imaginais tout autre chose.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed