28221 sujets

CSS et mise en forme, CSS3

[RESOLU] Menu vertical en CSS

J'ai utilisé le tutorial du menu vertical d'alsacreations. je l'ai quelque peu modifié pour qu'il s'intègre dans mon site mais voilà, quand la souris le survol il ne fonctionne plus normalement.
Voici le code


/* CSS Document */

/* CSS issu des tutoriels  www.alsacreations.com/articles  */

ul {
	list-style-type: none;
} 

li {
	margin-bottom: 0px;
}
.menu a {
	width: 75px;
	height: 35px;
	display: block;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #000;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	top: 300px;
	 }
	 
.menu a:hover {
     background: #ff9900;
     border: 1px solid #FF6600; 
     }

.menu a:active {
     background: #ff9900;
     border: 1px solid gray; 
     color: #fff;
     }
.menu {
	position: absolute;
	top: 100px;
}


Le code HTML


<img src="images/imgvousetes.gif" alt="vousetes" width="75" height="17" class="imgvousetes">
<div class="textvousetes">
  <div align="center">Vous &ecirc;tes</div>
</div>
<ul class="menu">
		<li><a href="">Entreprise, collectivit&eacute;s, OPCA</a></li>
		<li><a href="">Salari&eacute;, <br>
	    demandeur d'emploi, </a></li>
		<li><a href="">Aide &eacute;ducateur</a></li>
		<li><a href="">Acteur de la formation continue</a></li>
		<li><a href="">EPLE</a></li>
  </ul>

Modifié par loulou (01 Mar 2005 - 14:30)
Salut,


Euh..c'est quoi qui ne fonctionne pas précisément ? J'ai utilisé les éléments que tu as fournis, et je ne vois pas de problème particulier (IE6 / Firefox).
Pourquoi y-a t'il 2 balises <body> et 3 balises </body> ?

En tout cas c'est ce que je récupère sur mon poste.

Nadia
Tu penses que cela viendrais de là? J'ai du faire un copier coller et sans mégarde copier le body là ou il ne fallait pas....
Hello,

En fait le problème vient de ton "typographie.css" qui définit les attributs par défaut de la balise "a", attributs que tu ne redéfinis pas dans ton "menuvertical.css" notamment, d'où l'effet constaté.

Et puis effectivement il faut que tu "bouge ton body" Smiley cligne
Sujet clos
Aller à