Menu CSS

test en cours . . .

Et bien moi sur mon IE8 il y a aucun problème !c'est exactement pareil que sur Firefox
Mais sache que les anciens IE avais des soucci avec la transparence et le CSS... c'est sans doute çà , pour que sa passe tu peux rajouter des ligne dans ton codes, genre les background

Merci beaucoup,

En ce qui concerne IE 8, en effet ça marche j'avais testé. Mais je ne peux pas écarter les internautes IE 7, de même les IE 6 qui sont encore assez nombreux si je prend l'exemple de mon entourage professionnel proche.

le problème c'est que mes compétences s'arrètent à intéger le code et le modifier un peu, mais de là à intégrer des lignes complémentaires...
Serait-ce abuser que de demander une petite aide supplémentaire ?....

merci encore

le truc c'est moi j'ai plus de IE 6 donc il est difficile de voir ou sa cloche je peux toujours regarde le code sources mais sa risque de prendre du temps

IE a toujours interprété le CSS différemment de FF, on rentre dans un niveau de complexité qui dépasse les connaissances d'un utilisateur averti.. :/

D'ailleurs, ya un site qui permet de simuler les différents affichage selon les navigateurs..
Je n'ai malheureusement pas l'url sous la main, mais en faisant de bonne recherche ya moyen de retrouver ça. :)

c'est bien ton fichier css ? :

body
{
background-color:#FFF;
position: absolute;
margin:auto;
width:auto;
height:100%;
}

#banniere
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/banniere_test.jpeg');
width:1024px;
height:180px;
margin-top:60px;
margin-left:180px;
}

#big
{
width:1024px;
}

.menu
{
width:1024px;
}

#corps_de_page
{
/*background-color:#FF0;*/
width:1024px;
margin-left:180px;
padding-top:0px;
margin-top:-20px;

}

#cadre_bleu
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_bleu.png');
height:800px;
width:1024px;
margin-top:20px;
background-repeat:no-repeat;

}

#cadre_orange
{
background-image:url('http://paysdetrie.fr/dev1/squelettes/img/cadre_orange.png');
width:1024px;
height:600px;
margin-top:10px;
background-repeat:no-repeat;

}

.article
{
width:500px;
}

#bas_de_page
{
background-image:('http://paysdetrie.fr/dev1/squelettes/img/footer_vert.png');
width:800px;
height:40px;
}

Oui il s'agit du fichier CSS de ma page d'accueil (charte graphique générale).

En ce qui concerne le menu, el voici :

body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}

Merci d'avance du temps que tu nous consacres.

Ce fichier CSS est celui de la charte graphique.
Celui du menu est le suivant :

body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}
Merci encore pour le temps qu tu nous consacres...

oui

c'es le CCS de la charte graphique générale

voici celui du menu : body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #0788b8;
border-right:2px solid #0788b8;
border-bottom:2px solid #0788b8;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#FF0;
}

Merci du temps que tu veux bien nous accorder...

désolée mais je viens de me rendre compte que ce matin après un bug aucun de mes messages n'apparaissaient.
Et finalement à mon retour à 13h30, ils sont tous apparu.
Ce n'est pas du harcelement. Toutes mes excuses ...