Salut à tous,
Je rencontre actuellement un petit problème de compatibilité sous IE6.
Sur le Site que je suis entrain de faire j'ai déclarer des liens pour qu'il possède une "border-bottom".
un peu comme un underline mais plus gros et plus en dessous.
Bref , le problème est que sous IE6 la bordure des liens n'apparait pas du tout (voir le Site).
Je vous laisse le code :
HTML :
CSS:
Merci pour votre aide éventuelle
Modifié par GrUnK (10 Nov 2006 - 19:05)
Je rencontre actuellement un petit problème de compatibilité sous IE6.
Sur le Site que je suis entrain de faire j'ai déclarer des liens pour qu'il possède une "border-bottom".
un peu comme un underline mais plus gros et plus en dessous.
Bref , le problème est que sous IE6 la bordure des liens n'apparait pas du tout (voir le Site).
Je vous laisse le code :
HTML :
<div id="header">
<div id="HG_header"></div>
<div id="HD_header">Login :<input name="login" type="text" size="10" /> Pass : <input name="password" type="password" size="10" /> <input type="submit" value="ok" style="width:25px" /></div>
<div id="C_header"></div>
<div id="Menu_header">
<ul>
<li><a href="#">Qui sommes nous ?</a></li>
<li><a href="#">Nos produits</a></li>
<li><a href="#">Nos services</a></li>
<li><a href="#">Votre espace</a></li>
</ul>
</div>
<div id="Bas_header"></div>
</div>
CSS:
#Menu_header
{
width:995px;
height:40px;
padding-top:20px;
padding-left:5px;
background-image:url(images/header2_04.gif);
}
#Menu_header ul
{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
#Menu_header li
{
display: inline;
}
#Menu_header a:link, #Menu_header a:visited
{
color:#05486B;
font-weight:bold;
text-decoration:none;
padding-left:10px;
padding-right:20px;
padding-bottom:15px;
border-bottom:6px solid #05486B;
}
#Menu_header a:hover
{
color:#E8B413;
font-weight:bold;
text-decoration:none;
padding-left:10px;
padding-right:20px;
padding-bottom:15px;
border-bottom:6px solid #E8B413;
}
Merci pour votre aide éventuelle
Modifié par GrUnK (10 Nov 2006 - 19:05)