par
vede » 19 déc. 2005, 18:17
Bonjour,
j'ai besoin d'aide, une ligne blanche horizontale de 2px de haut
sépare mes 2 divs, elle n'apparait que sous ie, sinon ailleurs c'est
parfait.
La solution serait de mettre un fond vert (lime) au div du haut,
mais ça ne me satisfait pas, je veux enlever cette ligne de 2 pixels,
cad qu'elle n'apparaisse plus sous ie.
Code : Tout sélectionner
<html><head><title>probléme bordure blache</title>
<style>
body
{
margin: 0;
padding: 0;
text-align: center;
}
div
{
margin-left: auto;
margin-right: auto;
width: 480px;
text-align: justify;
}
li, ul
{
float : left;
margin: 0px;
padding: 0px;
display: inline;
height:22px;
}
</style>
</head>
<body>
<div>
<ul>
<li><img src="i1.gif"></li>
<li><img src="i2.gif"></li>
<li><img src="i1.gif"></li>
<li><img src="i2.gif"></li>
</ul>
</div>
<div style="background-color:lime;">
[Texte] Bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla,
</div>
</body>
</html>
et les 2 images utilisées (4 images de 120x22px, styles boutons) :
Merci d'avance pour vos réponses et votre aide

Bonjour,
j'ai besoin d'aide, une ligne blanche horizontale de 2px de haut
sépare mes 2 divs, elle n'apparait que sous ie, sinon ailleurs c'est
parfait.
La solution serait de mettre un fond vert (lime) au div du haut,
mais ça ne me satisfait pas, je veux enlever cette ligne de 2 pixels,
cad qu'elle n'apparaisse plus sous ie.
[code]
<html><head><title>probléme bordure blache</title>
<style>
body
{
margin: 0;
padding: 0;
text-align: center;
}
div
{
margin-left: auto;
margin-right: auto;
width: 480px;
text-align: justify;
}
li, ul
{
float : left;
margin: 0px;
padding: 0px;
display: inline;
height:22px;
}
</style>
</head>
<body>
<div>
<ul>
<li><img src="i1.gif"></li>
<li><img src="i2.gif"></li>
<li><img src="i1.gif"></li>
<li><img src="i2.gif"></li>
</ul>
</div>
<div style="background-color:lime;">
[Texte] Bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla, ... bla bla bla bla,
</div>
</body>
</html>
[/code]
et les 2 images utilisées (4 images de 120x22px, styles boutons) :
[img]http://vede.free.fr/i1.gif[/img]
[img]http://vede.free.fr/i2.gif[/img]
Merci d'avance pour vos réponses et votre aide :D