Menu CSS

gatou.nath Messages postés 28 Statut Membre -  
gatou.nath Messages postés 28 Statut Membre -
Bonjour,

Nous avons installé sur un site un menu CSS qui est extrait du site : http://cssmenumaker.com/

Il semble présenter des problèmes de compatibilité avec IE7.
Quelqu'un pourrait-il le tester et m'expliquer ce qui peut bien coincer.
Voici notre page : http://www.paysdetrie.fr/dev1/spip.php?page=index_bleu

Merci d'avance aux âmes charitables qui pourront nous aider.
merci merci...

14 réponses

Réponse 1 / 14
l informatiquepourtous Messages postés 1134 Statut Membre 80
 
test en cours . . .
0
Réponse 2 / 14
l informatiquepourtous Messages postés 1134 Statut Membre 80
 
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
0
Réponse 3 / 14
gatou.nath Messages postés 28 Statut Membre
 
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
0
Réponse 4 / 14
l informatiquepourtous Messages postés 1134 Statut Membre 80
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 14
biboo
 
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.. :/
0
Réponse 6 / 14
biboo
 
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. :)
0
Réponse 7 / 14
l informatiquepourtous Messages postés 1134 Statut Membre 80
 
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;
}
0
Réponse 8 / 14
gatou.nath Messages postés 28 Statut Membre
 
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.
0
Réponse 9 / 14
gatou.nath Messages postés 28 Statut Membre
 
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...
0
Réponse 10 / 14
gatou.nath Messages postés 28 Statut Membre
 
oui
0
Réponse 11 / 14
gatou.nath Messages postés 28 Statut Membre
 
c'es le CCS de la charte graphique générale
0
Réponse 12 / 14
gatou.nath Messages postés 28 Statut Membre
 
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;
}
0
Réponse 13 / 14
gatou.nath Messages postés 28 Statut Membre
 
Merci du temps que tu veux bien nous accorder...
0
Réponse 14 / 14
gatou.nath Messages postés 28 Statut Membre
 
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 ...
0

Discussions similaires

menu caché
laurent -
ChariduP -

7 réponses
Comment activer le Bluetooth sur une TV Samsung ?
zaraki490 -
Marjo -

110 réponses
Mon PC marque press the esc key for startup menu
Jonas2022 -
SATS_fr -

5 réponses
Déblocage du mode hôtel Philips 20HF5234/10
Jo_3 -
TRAORE_2505 -

7 réponses
Activer le bluetooth sur smart TV Samsung
Odayakana -
callens -

4 réponses