[résolu]Affichage sous IE6 (PC) d'un menu

Bonjour à tous,

Voici quelques jours que j'essaie en vain de résoudre un problème d'affichage sous IE6.
J'ai créé un sous menu secondaire en trait tillet dont voici le code

XHTML:

     <!-- menussecondaire -->
          <div id="sous" class="sous">
            <ul>
              <li>
              <a href="../#communication" title="communication ">Communication</a></li>
              <li>
              <a href="../#graphisme" title="graphisme ">Graphisme</a></li>
              <li>
              <a href="../travaux-internet.html" title="website ">Internet</a></li>
              
            </ul>
          
          </div>
          <!-- fin menussecondaire -->

et la css:

div.sous ul li {
	_height: 1px;
}
div.sous ul {
	padding: 0;
	border-top: 1px dotted #e8e8e7;
	background-repeat: no-repeat;
	margin: 0;
	list-style-type: none;
	letter-spacing: 0.5pt;
}
div.sous ul a {
	display: block;
	padding: 5px 30px;
	color: #666666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e8e8e7;
}
div.sous ul a:hover {
	text-decoration: none;
	color: #23c4ff;
	background: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e8e8e7;
}
div.sous ul a.act, div.sous ul a.act:hover {
	font-weight: bold;
	color: #23c4ff;
}
div.sous div.h-ref {
	border-bottom: 1px dotted #e8e8e7;
	padding: 5px 15px;
	margin: 0;
	width: auto;
	float: none;
	border-right: none;
}
div.sous {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	color: #427817;
	padding-bottom: 8px;
	font-weight: bold;
}
div.sous {
	padding: 10px  0 0 0;
	margin: 0;
	width: auto;
	float: none;
	line-height: 1.3em;
}

Le problème se trouve avec l'affichage en active , ce dernier s'affiche en bleu souligné et devrait normalement revenir en gris.
Sous I& FF SAFARI et OPERA pas de problème.
J'ai bien deux "div.sous" peut-être que l'erreur vient de là... mais je n'y arrive pas seul, c'est pour cela que je fais appelle à votre aimable aide.
Merci d'avance et bonne journée.

Dup's

Modifié par dups (25 Apr 2007 - 18:32)

Bonjour,

Que désignent «I5» et «I&» dans ton message ?
Je suppose que pour le premier tu voulais parler d'Internet Explorer 5, mais dans ce cas s'agit-il de la version Windows ou d'IE Mac (car il s'agit de deux logiciels très différents) ?

Pour information, IE Mac est un navigateur agonisant. Il n'est plus distribué par Microsoft (qui conseille l'utilisation de Safari sur Mac) depuis le premier janvier 2006, et les seules personnes à encore l'utiliser sont des possesseurs de vieux macs (OS 9 et OS 10.1-10.3).

Sauf public cible particulier nécessitant un bon support de ce navigateur, on a de plus en plus tendance à abandonner le support de ce navigateur obsolète. D'ailleurs, ça commence à être assez largement le cas d'Internet Explorer 5.x sous Windows.

Bonjour,

Désolé, j'ai fait une erreur, je voulais parler de I6 pour PC et non de I5.


Merci d'avance

Modifié par dups (24 Apr 2007 - 10:03)

On peut voir la page en ligne ? Parce que là c'est pas évident de visualiser ce qui coince.

Salut

Bon proposition bete pourquoi ne pas creer une ligne CSS où tu precise le comportement a:active?

J'ai testé ton code, je suis tjs en IE6 chez moi , et en active je vois le lien en bleu mais pas de décoration souligné.

Je me demande d'ailleurs si c pas normal. moi je croyais que les liens active prenait par defaut le même aspect que les liens visited? ( mais la peut etre que je me trompe, je debute en CSS )


Sinon peut-être le probleme du souligné viens-t-il d'une interaction avec une autre partie du code.

edit : a tiens 2 div.sous et en plus avec des padding differents ds les 2. c bizarre...voir conflictuel...pk fais tu ça?
Modifié par CPascal (24 Apr 2007 - 12:09)

Voilà, j'ai fait un lien : http://www.vitamine-c.ch/menu/menu.html

Le problème vient du fait que le lien une fois visité reste en bleu, alors que j'aimerai qu'il reste en gris. ( link = visited, active)

Merci d'avance

Modifié par Florent V. (24 Apr 2007 - 16:05)

Bonjour,

Pour la couleur moi je propose

div.sous ul a:active {
	color: #666666;
}

chez moi ça fonctionnait.
et pour la décoration j'y rajouterais bien text-decoration:none;

P.S: pour ton lien je vois bien le pb même sous firefox d'ailleurs.

Pascal

Bonjour,

L'aspect des liens est complétement gérable en CSS.

Respecter cet ordre :

a:link
a:visited
a:hover
a:active

Moyen mémotechnique ; la phrase : LoVe HAte.

Bonne continuation.
Romain

Bien merci et dans mon cas avec mes "div.sous" je pratique comment?

Merci d'avance

Bonjour,
est-ce que quelqu'un peut m'aider?

Je ne vois vraiment pas comment faire...

Merci d'avance

mais qu'a donné ce que je t'ai proposé?

place le code

div.sous ul a:active {
color: #666666;
text-decoration:none;
}

juste apres le div.sous ul a:hover {
....
}

Salut
rien à faire, le lien (souligné dotted) reste en bleu après le passage alors qu'il devrait être en cris ( position normal)

salut,

pour moi il est en gris quand en :active sous ie6 et firefox par contre il est bleu sous ie6 quand il est en l'etat link ou visited.

a mon avis tu devrais bien précisé les 4 points a chaque fois :link,:visited,etc..

tjs le pb de souligné visible pour moi uniquement en firefox. essai de forcé le text-decoration:none avec un !important peut etre......mais sans garanti vis a vis des effets de bord

Yes, presque bon, il fallait que mette dans l'ordre

Sauf que a.act n'est plus en bleu(uniquement le texte)...

Désolé, je 'ne l'avais pas mis, laors je considère que le problème est résolu, merci pour votre aide.