28220 sujets

CSS et mise en forme, CSS3

[Résolu]Menu déroulant & transparent en css quifait pas se que je

bonjour,
Est ce que les balises <li> peuvent contenir des <ul> ?
en fait j'ai un problème avec ce code, le menu déroulant "tranparent" ne se déroule pas sous ie et la raison ? ¿ je cherche encore, voilà pour la théorie,
pour la pratique...
la page : http://www.artotal-pc.com/musique/mission.htm
et de plus en 1024 le texte se décale sur la gauche malgrés le conteneur, mais enfin sa je compte trouvé.
le code xhtml


<div id="textea">
<ul id="menuDeroulant">
<li><a href="#">graphique</a></li>
<ul class="sousMenu">
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>		
</ul>
<li>
<a href="#">réggae</a></li>
<ul class="sousMenu">			      
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
</ul>

<li>
<a href="#">concert 3</a></li>
<ul class="sousMenu">			      
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>				
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
</ul>
<li><a href="#">Partie 4</a></li>
<ul class="sousMenu">			      
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>				
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
<li><a href="#">kit</a></li>
</ul>
<li>
<a href="#">Partie 5</a></li>
<ul class="sousMenu">			      
<li><a href="#">tomates</a></li>
<li><a href="#">webmaster</a></li>
<li><a href="#">guitare</a></li>
<li><a href="#">pc</a></li>
<li><a href="#">tartine</a></li>				
<li><a href="#">concombre</a></li>
<li><a href="#">endives</a></li>
<li><a href="#">navets</a></li>
<li><a href="#">epinards</a></li>
<li><a href="#">avocat</a></li>
</ul>
</ul></div>


le CSS


#menuDeroulant
{
    width: 550px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li
{
	float: left;
	width: 102px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: auto;
	color: #000;
	margin: 0;
	text-decoration: none;
}
#menuDeroulant li a:hover { color: #FFF897; }
#menuDeroulant li a:active { background-color: #FFF897; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 95px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF897;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #999999;
}

#menuDeroulant li:hover > .sousMenu { display: block; }/* CSS Document */

Merci.
Modifié par xartotal (22 Mar 2005 - 12:50)
xartotal a écrit :
En fait sa me revient IE ne gére pas le png en transprence, bordel de m...

Pendant que j'y suis y aurrai t'il un moyen en restant accéssible ?
merci
xartotal a écrit :

Pendant que j'y suis y aurrai t'il un moyen en restant accéssible ?
merci

C'est résolu mais moi je n'ai pas le bouton éditer
xartotal a écrit :

C'est résolu mais moi je n'ai pas le bouton éditer

Manifestement si tu l'as car pour plusieurs posts tu as rajouté un résolu. Par contre sur un certain nombre il n'y en a pas. Cela serait bien de s'en occuper un peu Smiley cligne : tous tes sujets résolus ou non Smiley lol
Sujet clos
Aller à