5568 sujets

Sémantique web et HTML

Problème intégration <a> css

Salut à tous,
je vous explique j'ai fait un xhtml, avec des liens normal dans un menu, mais après avoir appliqué les donnée css, ces liens ne sont plus cliquable.

HTML :

<div id="menu">
	<ul>
		<li class="red"><a href="#" title="test">News</li>
		<li><a href="#" title="test">Team</a></li>
		<li><a href="#" title="test">Matchs</a></li>
		<li><a href="#" title="test">Palmarès</a></li>
		<li><a href="#" title="test">Galerie</a></li>
		<li><a href="#" title="test">Sponsors</a></li>
		<li><a href="#" title="test">Forum</a></li>
		<li><a href="#" title="test">Contact</a></li>
		<li><a href="#" title="test">Shop</a></li>
	</ul>
</div>


CSS :
  
#menu { background: #0e0e0e; position:relative; top:-11px; height: 32px; width:916px;-moz-border-radius : 5px 5px; z-index:2;}
#menu ul{ height: 32px; width:657px; float:left; padding:0; position:relative; left:-50px; list-style-type : none;}
#menu ul li { padding: 0 0.75em; display : inline;}
#menu ul li a { color : white; text-decoration : none; font-weight:bold; font-size :  1em;}
#menu ul li a:hover { color : red; text-decoration : none; font-weight:bold; font-size :  1em;}
.active { color:red; }


Si vous pouviez regarder d'où vient l'erreur, ce serait un joli cadeau Smiley cligne
Modifié par dst (23 Dec 2010 - 20:04)
Bonjour, chez moi ton code fonctionne correctement.
Aurais-tu une page en ligne pour que l'on puisse constater le problème ?
Finalement souçis régler, c'était jsute car j'avais fait un float:left; avant, et que j'avais pas déclarer de clear:both par la suite.

Merci quand même.
dst a écrit :

<ul>
         <li class="red"><a href="#" title="test">News</li>
         <li><a href="#" title="test">Team</a></li>
         <li><a href="#" title="test">Matchs</a></li>
         <li><a href="#" title="test">Palmarès</a></li>
         <li><a href="#" title="test">Galerie</a></li>
         <li><a href="#" title="test">Sponsors</a></li>
         <li><a href="#" title="test">Forum</a></li>
         <li><a href="#" title="test">Contact</a></li>
         <li><a href="#" title="test">Shop</a></li>
</ul>


Il ne manquerait pas la fermeture de ton premier <a>?
Modifié par speedlab (29 Dec 2010 - 14:27)
Sujet clos
Aller à