28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai configurer une liste avec une sous liste et rajouté un css pour en faire un menu déroulant. Cependant le sous menu disparait lorsque j'essaye de cliquer dessus, il est juste présent au passage de la souris sur le menu principale. Le menu principale est composé d'image(acceuil, news ...)

Voici mon css:
#menu ul li
{
margin:10px;
float:left;
display:block;
width:150px;
line-height:50px;
text-align:center;
}

#menu ul li ul li
{
background:url(../images/bouton-noir.png) no-repeat;
}

#menu ul li ul
{
display:none;
position:relative;
top:40px;
left:30%;
font-size:120%;
}

#menu ul li:hover ul
{
display:block;
}

#menu li:hover ul li
{
float:none;
}

#accueil
{
position:absolute;
top:-3px;
margin-left:-45px;
height:55px;
width:209px;
}

#accueil:hover
{
background-image:url("../images/accueil.jpg");
background-repeat:no-repeat;
}

#equipes
{
position:absolute;
top:-3px;
margin-left:0px;
height:55px;
width:190px;
}

#equipes:hover
{
background-image:url("../images/equipes.jpg");
background-repeat:no-repeat;
}

#news
{
position:absolute;
top:-3px;
margin-left:29px;
height:55px;
width:130px;
}

#news:hover
{
background-image:url("../images/news.jpg");
background-repeat:no-repeat;
}

Merci de bien vouloir m'aider.

ps : je ne souhaite pas utilisé de doctype.
Bonjour,

1 - Merci d'utiliser les balises de code (coloration syntaxique) pour mettre en forme le code que vous proposez afin d'en faciliter la lecture et la compréhension.
(En éditant votre message, il est toujours temps de le faire)
2 - Les images porteuses de sens ("accueil, équipe,...") et véhiculant une information importante, voire capitale, doivent impérativement se trouver dans le code html et en aucun cas dans votre feuille de styles.
3 - C'est une avis personnel, mais je le partage :
- Vérifier la pertinence et la nécessité de l'utilisation d'un menu déroulant
- Utiliser javascript plutôt que css pour procéder, si ce menu a tout lieu d'exister.
(De nombreux sujets trainent ici et sur la toile concernant les différentes problématiques des menus déroulant, notamment ceux produits via une feuille de styles)
4 - Une page de test en ligne et/ou à défaut le code html ne serait pas inutile...
5 - Quel est l'intérêt de ne pas vouloir utiliser de Doctype ?!!!

Bonne continuation.