CSS - problemes de listes imbriquées

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS - problemes de listes imbriquées

miltonis

Bonjour,

j'essaie de construire un site en CSS mais je bute sur un probleme de chevauchement des éléments de menu.
je m'explique :
dans le menu une balise <dt> ouvre au click une autre balise <dd> et son contenu.

Code :

<dt onclick="javascript:montre('smenu4');"><a href="#">  Circuits Touristiques</a></dt>
<dd id="smenu4">
<ul>
<li style="padding-bottom:40px;"> <span style="color:#E3BBB1;">Programme Individuel :</span>
<ul>
<li><a href="<?php echo $level; ?>fr/agence-de-tourisme/circuit-8j.php"> Circuit de 8 jours</a></li>
<li><a href="<?php echo $level; ?>fr/agence-de-tourisme/circuit-15j.php"> Circuit de 15 jours</a></li>
</ul>
</li>
<li><a href="<?php echo $level; ?>fr/agence-de-tourisme/programme-groupe.php"> Programme de Groupe</a></li>
</ul>
</dd>

Le probleme est que la balise <ul> et son contenu (les deux <li>) dans programme individuel chevauche le contenu de la <li> juste en dessous (programme de groupe).
ceci, sous FF et Opera , par contre sous IE ça marche nickel (pour une fois)

je ne vois pas de solution j'essaie les padding et margin bottom mais en arrangeant le pbm. sous FF et OP, ça décale tout sous IE.
que faire? merci de votre coup de main

pour info, voici ce que j'aimerias que ça fasse : http://chorreradelindio.chez-alice.fr/tofs/01.gif, et ce que ça fait sous FF et OP : http://chorreradelindio.chez-alice.fr/tofs/02.gif

Milt

Publicité

miltonis

salut,
le sujet n'intéresse personne?

KangOl

Profil : pointeur

si au moins tu connais ton css, on saurais essayer de t'aider

miltonis

oui le voici, étourderie :sweat:

Code :

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
background-color:#A8432B;
list-style-type: none;
}
#menu {
position: absolute;
top: 108px;
left: 98px;
background-color: #A8432B;
}
dl#menu {
width: 15em;
width: 210px;
padding-top: 10px;
padding-bottom: 16px;
}
dl#menu dt {
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
width: 210px;
margin: 2px 0;
height: 20px;
background: #A8432B;
}
/*dl#menu dd {
border: 1px solid gray;
}*/
dl#menu li {
background: #AD533E;
font-size: 11px;
height: 20px;
/*line-height: 16px;*/
padding-left: 15px;
}
dl#menu li a, dl#menu dt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #CC7360;
}

FORUM HardWare.fr

Programmation

HTML/CSS

CSS - problemes de listes imbriquées

Sujets relatifs
4 Listes déroulantes liées avec accès MySQL	Lotus Notes et les CSS
[Html/CSS] Virer les tableaux	[XSLT]Différents problèmes
problèmes caractères spéciaux.	[HTML] Petits problèmes de code
Erreur de validation CSS	ptit problemes en VBS
[CSS] Problème de CSS avec Firefox, mais pas avec Opera ou IE.	2 questions sur les CSS
Plus de sujets relatifs à : CSS - problemes de listes imbriquées

Page générée en 0.057 secondes