Bonjour
J'ai un probléme pour les liens actives pendant le chargement de la page dans l'iframe.
dans la page html, il y a 2 div
le premier div comporte des menus
Code :
- <div class="gauche">
- <ul>
- <li>
- <A href="page.aspx" target="charge" >Menu1</A>
- <li>
- <li>
- <A href="page2.aspx" target="charge" >Menu2</A>
- <li>
- </ul>
- </div>
|
le deuxiéme pour charger la page avec l'iframe
Code :
- <div class="droite">
- <iframe name="charge" vspace="0" src="charge.htm" frameBorder="no" width="100%" scrolling="no" height="100%" align="top"></iframe>
- </div>
|
et voici le css pour les liens
Code :
- ul
- { list-style-image: url(img/bullet-link-active.gif);
- margin-left:12px;
- padding-left:12px;
- background-position:0 .6em;
- }
- a:link { color: #696; text-decoration: none; }
- a:visited { color: #699; text-decoration: none }
- a:hover { color: Blue ; text-decoration: none }
- a:active { color: white ; text-decoration: none;}
- ul li a:active
- {
- list-style-image: url(img/bullet.gif);
- }
|
le probléme quand on clic sur le premier lien , la couleur reste bien en active.
Mais quand on navigue dans la page qui était charger dans iframe.
le lien qui a été choisi n'est plus active.
je voulais que ca reste active.
le probléme c'est que pour a:active ne marche que sur le même page.
J'ai déja essayé avec la méthode id dans body mais cela ne change rien.
Y a t il un moyen?
Message édité par geforst le 17-01-2008 à 10:59:19