Aide - Recherche - Membres - Calendrier
Version complète : Problème affichage IE6
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
maximus
Bonjour à tous, je rencontre un problème d'affichage de mon menu sous IE6, j'ai cherché les différents hacks mais rien ni fait.

Ci-joint une capture d'écran sous firefox et sous ie6.

Extrait de mon menu :

PHP


...

<!--Formation ############################## -->
<!--########################################## -->

<ul class="mainmenu_level0_bleu_pale">
<li><a href="#" <?php if($niveau1=="Formation"){ echo "id=\"current\""; }?>>Formation 
<?php if($niveau1 == "Formation"){?>
<ul class="mainmenu_level1_bleu_pale">
<li><a href="#">Présentation de la formation au Lycée</a></li>
<li><a href="#">Planning des formations</a></li>
</ul>
<?php }?>
</a>
</li>
</ul>

...



Extrait de ma css :


PHP



/***********************************************
BLEU PALE #7DBFD8
***********************************************/
.mainmenu_level0_bleu_pale{
width:188px;
}

.mainmenu_level0_bleu_pale li{
background-color:#FFFFFF;
height: 0%;
}

.mainmenu_level0_bleu_pale ul{
background-color:#ffffff;
padding-bottom:5px;
padding-left:0;
padding-top:5px;
}

.mainmenu_level0_bleu_pale li a{
text-decoration:none;
background-color:#FFFFFF;
color:#413837;
display:block;
padding-left:20px;
font-size:16px;

}


.mainmenu_level0_bleu_pale li a:hover{
background:#7DBFD8 url(../images/structure/menu/bleu-pale/fleche-niveau-0.png);
background-repeat:no-repeat;
background-position:4px 6px;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
display:block;
}

.mainmenu_level0_bleu_pale li a#current{
background:#7DBFD8 url(../images/structure/menu/bleu-pale/fleche-niveau-1.png);
background-repeat:no-repeat;
background-position:4px 8px;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
display:block;
}



.mainmenu_level1_bleu_pale ul{
padding-bottom:0px;
margin-left:0px;
}


.mainmenu_level1_bleu_pale li{
margin-bottom:5px;
margin-left:0px;
}

.mainmenu_level1_bleu_pale li a{
margin:0;
padding:0;
display:block;
padding-left:16px;
color:#000000;
text-decoration:none;
font-size:13px;
background: #FFFFFF url(../images/structure/menu/bleu-pale/fleche-niveau-2.png);
background-repeat:no-repeat;
background-position:6px 5px;
}

.mainmenu_level1_bleu_pale li a:hover, .mainmenu_level1_bleu_pale li a#current{
margin-left:0px;
text-decoration:none;
color:#0091B7;
background: #FFFFFF url(../images/structure/menu/bleu-pale/fleche-niveau-2.png);
background-repeat:no-repeat;
background-position:6px 5px;
font-size:13px;
}




Merci pour votre aide.
neolao
tu mets un lien qui englobe tout le <ul> ?
maximus
Citation (neolao @ Aug 27 2008, 04:34 PM) *
tu mets un lien qui englobe tout le <ul> ?


Oui, ça pose pas de problème ? si ?
nours312
Slt :

Ben actuellement, tu as une balise <a> à l'interieure d'une autre balise <a>, c'est pas top !

evites aussi de sortir et entrer dans le langage php, tu risque de t'emmêler les pinceaux...!

aprés, pour ton pb d'affichage, tu ne pourrais pas faire un lien pour que l'on puissent mieux voir ...?
maximus
Citation (nours312 @ Aug 27 2008, 11:06 PM) *
Slt :

Ben actuellement, tu as une balise <a> à l'interieure d'une autre balise <a>, c'est pas top !

evites aussi de sortir et entrer dans le langage php, tu risque de t'emmêler les pinceaux...!

aprés, pour ton pb d'affichage, tu ne pourrais pas faire un lien pour que l'on puissent mieux voir ...?



Désolé, visiblement il s'agissait d'un problème de cache, va comprendre, l'imbrication de balise ne pose pas de problème sauf preuve du contraire.

Si tu as un autre moyen de développer un menu de 800 liens avec 5 niveaux de profondeur je suis preneur (sans javascript, sans ajax)

Merci pour tout.
nours312
Citation (maximus @ Aug 28 2008, 08:10 AM) *
Si tu as un autre moyen de développer un menu de 800 liens avec 5 niveaux de profondeur je suis preneur (sans javascript, sans ajax)


ben une extrapolation automatique de tableaux imbriqués, avec pour toute fonction complexe "foreach" ...

Mai en ce qui concerne tes balise <a>, mis à part pour une mise en forme (dans ce cas là utilise un autre nom), je ne vois pas à quoi elle peuvent te servir :

comprend que si tu clique sur le lien planning, tu devrais ouvrir la page en question et non celle Générale des formation ! donc je ne vois pas du tout l'utilité de laisser ce lien imbriqué dans le lien Général des formations !
si l'on clique sur un espace vide situé entre deux lien <li> ne risquerions nous pas d'activer le lien englobant <ul>? S volontaire ?


Mais comme tu le dis bien, : le plus important est que cela te convienne et fonctionne ! si c'est le cas, surtout ne change rien ! perso, c'est la première fois que je vois ça, mais je n'ai pas tout vu ! heureusement !

BonCode;-)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2008 Invision Power Services, Inc.