Bonsoir,
j'ai créé un site où j'ai utilisé du php et du css avec un design préfabriqué.
Le site doit ressembler à cela :
http://www.guigro.com/images/eventscrazynight.jpg
Il convient parfaitement sur mon PC avec FF ou IE d'ailleurs, cependant, chez certaines personnes il affiche cela :
http://www.guigro.com/images/badevents.jpg
Je pense que cela vient de la partie qui gère le header, je vous fournis le code CSS du header et le code HTML de ce dernier :
CSS :
HTML :
De plus, sur le menu de gauche, si le titre est sur plus de une ligne, sur IE regardez le résultat, au lieu d'apparaître normalement la puce est décalée.
Sauriez-vous comment régler ce problème ?
Et pourquoi y-a-t-il toujours des problèmes avec IE et FF ?? Ne peuvent-ils pas se mettre d'accord, ou alors tout simplement que IE copie les valeurs de FF
Merci à vous,
Cordialement
Guigro
j'ai créé un site où j'ai utilisé du php et du css avec un design préfabriqué.
Le site doit ressembler à cela :
http://www.guigro.com/images/eventscrazynight.jpg
Il convient parfaitement sur mon PC avec FF ou IE d'ailleurs, cependant, chez certaines personnes il affiche cela :
http://www.guigro.com/images/badevents.jpg
Je pense que cela vient de la partie qui gère le header, je vous fournis le code CSS du header et le code HTML de ce dernier :
CSS :
#tabs6 {
font-weight: bold;
float:right;
position: absolute;
margin: -250px 0;
width: 910px;
background:transparent;
font-size:1em;
line-height:normal;
}
#tabs6 ul {
margin:0;
float:right;
padding: 215px 25px 10px 0px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
float:left;
}
#tabs6 a {
cursor:pointer;
height:35px;
float:left;
background:url(images/tableft6.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;}
#tabs6 a span {
cursor:pointer;
height:25px;
display:block;
background:url(images/tabright6.gif) no-repeat right top;
padding:10px 12px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
HTML :
<div id="tabs6">
<ul>
<li><a href="**"><span>Accueil</span></a></li>
<li><a href="**"><span>Qui sommes-nous ?</span></a></li>
<li><a href="**"><span>Devis</span></a></li>
<li><a href="**"><span>Partenaires</span></a></li>
<li><a href="**"><span>Nous contacter</span></a></li>
</ul>
</div>
De plus, sur le menu de gauche, si le titre est sur plus de une ligne, sur IE regardez le résultat, au lieu d'apparaître normalement la puce est décalée.
Sauriez-vous comment régler ce problème ?
Et pourquoi y-a-t-il toujours des problèmes avec IE et FF ?? Ne peuvent-ils pas se mettre d'accord, ou alors tout simplement que IE copie les valeurs de FF
Merci à vous,
Cordialement
Guigro