Sujet Précédent Sujet Suivant

Menu CSS

Fermé
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009 - 26 mai 2009 à 11:46
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009 - 28 mai 2009 à 13:37
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...
A voir également:

14 réponses

Réponse 1 / 14
l informatiquepourtous Messages postés 1064 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 23 avril 2018 80
26 mai 2009 à 11:50
test en cours . . .
0
Réponse 2 / 14
l informatiquepourtous Messages postés 1064 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 23 avril 2018 80
26 mai 2009 à 11:55
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 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
26 mai 2009 à 12:20
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 1064 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 23 avril 2018 80
26 mai 2009 à 12:45
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
26 mai 2009 à 12:47
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
26 mai 2009 à 12:48
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 1064 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 23 avril 2018 80
26 mai 2009 à 17:08
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 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 09:03
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 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 10:03
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 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 13:32
oui
0
Réponse 11 / 14
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 13:32
c'es le CCS de la charte graphique générale
0
Réponse 12 / 14
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 13:34
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 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 13:35
Merci du temps que tu veux bien nous accorder...
0
Réponse 14 / 14
gatou.nath Messages postés 28 Date d'inscription samedi 14 juin 2008 Statut Membre Dernière intervention 28 mai 2009
28 mai 2009 à 13:37
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

les entrées et les sortées
oussman -
MarsuGL -

2 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
mon ordi marque press the esc key for startup menu
jasonparris -
elow -

5 réponses
Accéder au menu Advanced Bios PC portable HP
Axferd -
Bill -

6 réponses