28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Les liens du sommaire de mon site fonctionne très bien avec Internet Explorer et pas du tout avec Firefox ou Netscape, sauf qauelques un.

Voici un extrait du code pour le sommaire (J'ai simplifier pour y voir plus clair)


  <dl id="Menu2">
    <dt><a href="0001.htm" target="name_iframe2" >1</a></dt>
    <dt><a href="0002.htm" target="name_iframe2" >2</a></dt>
    <dt><a href="0003.htm" target="name_iframe2" >3</a></dt>
    <dt>Etc.. jusqu'à 10 </dt>
  </dl>


Voici le code pour Css pour le menu :


[code]#menu2 dt {
 cursor: pointer;
 line-height: 20px;
 margin: 2px 0;
 border: 1px dotted #99cc99;
 text-align:left;
 font-size:13px;
}

#menu2 dt a {
 text-decoration:none;
 font-size: 13px;
 color:#0000ff;
}

#menu2 dt a:visited {
 text-decoration:none; 
 color: #ff0000;
}

#menu2 dt a:hover {
 text-decoration:underline; 
}


La underline n'apparaît que sur les trois derniers liens, le reste impossible de cliquer dessus Smiley eek

Si quelqu'un voit une erreur dans ce code merci pour son aide.

diabolo
La syntaxe d'une liste de définitions est la suivant :
<dl>
	<dt></dt>
		<dd></dd>
	<dt></dt>
		<dd></dd>
		<dd></dd>
	<dt></dt>
		<dd></dd>
</dl>

Si tu ne veux pas utiliser de définitions, tu pourrais te contenter de simples listes non ordonnées (ul), non ?

http://pompage.net/pompe/listesdefinitions/
Modifié par mpop (03 Aug 2006 - 20:36)
Daria a écrit :
En enlevant la majuscule (changer id="Menu2" par id="menu2") ça fonctionne.

Smiley biggol

Pour mémoire, je précise au cas où : les classes et identifiants doivent être identiques dans le HTML et dans les feuilles de style CSS. Ils sont de plus sensibles à la casse (même si apparemment certains navigateurs s'en arrangent).