par
saebakun » 11 déc. 2007, 14:50
bonjour j'ai ce code là:
Code : Tout sélectionner
<html>
<body>
<style>
ul {
width: 180px;
background-color: red;
padding: 0;
margin: 0;
}
li {
list-style-type: none;
height: 34px;
margin:0;
padding: 0;
background: url(menu-1_off.jpg) no-repeat;
}
li a{
display: block;
padding: 0px;
margin: 0px;
}
</style>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</body>
</html>
Sous firefox les deux images sont collées l'une au dessous de l'autre mais sous IE il me met un décalage entre les deux <li>.... Comment puis-je faire pour qu'il les colle sans rajouter d'écart?
Merci
__________________________________________________________
__________________________________________________________
résolue il faut rajouter:
dans le li a {}
bonjour j'ai ce code là:
[code]
<html>
<body>
<style>
ul {
width: 180px;
background-color: red;
padding: 0;
margin: 0;
}
li {
list-style-type: none;
height: 34px;
margin:0;
padding: 0;
background: url(menu-1_off.jpg) no-repeat;
}
li a{
display: block;
padding: 0px;
margin: 0px;
}
</style>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</body>
</html>
[/code]
Sous firefox les deux images sont collées l'une au dessous de l'autre mais sous IE il me met un décalage entre les deux <li>.... Comment puis-je faire pour qu'il les colle sans rajouter d'écart?
Merci
__________________________________________________________
__________________________________________________________
résolue il faut rajouter:
[code]height: 34px;[/code]
dans le li a {}
:)
