pb css - HTML/CSS - Programmation
Marsh Posté le 28-05-2004 à 09:52:29
Bonjour, dans le code ci-dessous, je n'arrive pas à supprimer l'espace (rouge) entre le bas des images et le bas du bloc <ul>. Qu'est ce que j'ai oublié ? Merci pour votre aide... ***************************************************************** <html> <head> <style type="text/css"> body, div, ul, li {margin:0;padding:0;} ul, li {list-style-type:none;border:0} #divConteneur { position:absolute; width:760px; background-color: #336699; } .BarreCmd { background:red; width:100%; } .BarreCmd li { float:left; margin-left:0; } </style> </head> <body> <div id="divConteneur"> <ul class="BarreCmd"> <li><img src="images/BtnValider1.jpg" onmouseover="this.src='images/BtnValider2.jpg'" onmouseout="this.src='images/BtnValider1.jpg'" width="101" height="49"></li> <li><img src="images/BtnRetablir1.jpg" onmouseover="this.src='images/BtnRetablir2.jpg'" onmouseout="this.src='images/BtnRetablir1.jpg'" width="101" height="49"></li> </ul> <div>la suite...</div> </div> </body> </html>
Marsh Posté le 28-05-2004 à 10:32:25
img { display:block; } ?
Marsh Posté le 28-05-2004 à 10:39:34
super, c'est exactement ca... merci bcp...
Make sure you enter the(*)required information where indicate.HTML code is not allowed
Marsh Posté le 28-05-2004 à 09:52:29
Bonjour,
dans le code ci-dessous, je n'arrive pas à supprimer l'espace (rouge) entre le bas des images et le bas du bloc <ul>.
Qu'est ce que j'ai oublié ?
Merci pour votre aide...
*****************************************************************
<html>
<head>
<style type="text/css">
body, div, ul, li {margin:0;padding:0;}
ul, li {list-style-type:none;border:0}
#divConteneur {
position:absolute;
width:760px;
background-color: #336699;
}
.BarreCmd {
background:red;
width:100%;
}
.BarreCmd li {
float:left;
margin-left:0;
}
</style>
</head>
<body>
<div id="divConteneur">
<ul class="BarreCmd">
<li><img src="images/BtnValider1.jpg" onmouseover="this.src='images/BtnValider2.jpg'" onmouseout="this.src='images/BtnValider1.jpg'" width="101" height="49"></li>
<li><img src="images/BtnRetablir1.jpg" onmouseover="this.src='images/BtnRetablir2.jpg'" onmouseout="this.src='images/BtnRetablir1.jpg'" width="101" height="49"></li>
</ul>
<div>la suite...</div>
</div>
</body>
</html>