Bonjour,
J'ai un petit problème d'utilisation des listes. Je pourrais résumer
cela de cette façon : le ul ne s'étire pas. Mais comme une image
vaut mieux qu'un long discours, voici un petit screenshot ainsi que
le code source associé.
Merci d'avance pour votre aide.
http://zefri.free.fr/shot.gif
Modifié par zefri (23 Nov 2006 - 11:15)
J'ai un petit problème d'utilisation des listes. Je pourrais résumer
cela de cette façon : le ul ne s'étire pas. Mais comme une image
vaut mieux qu'un long discours, voici un petit screenshot ainsi que
le code source associé.
Merci d'avance pour votre aide.
http://zefri.free.fr/shot.gif
<html>
<head>
<title></title>
<style type="text/css">
<!--
.nav {
margin-bottom: 7px;
}
ul.listNav {
list-style-position: outside;
list-style-type: none;
background-color: #FF8000;
border: 2px solid #000;
height: 1em;
clear: both;
}
ul.listNav li {
float: left;
width: 250px;
}
ul.listNav li a {
color: #fff;
display: block;
border: 2px solid #FF0000;
background-color: #000;
padding: 3px;
margin: 0 3px 3px 0;
}
//-->
</style>
</head>
<body>
<div id="page">
<div class="nav">
<ul class="listNav">
<li><a href="#" title="">Item</a></li>
<li><a href="#" title="">Item</a></li>
<li><a href="#" title="">Item</a></li>
<li><a href="#" title="">Item</a></li>
<li><a href="#" title="">Item</a></li>
<li><a href="#" title="">Item</a></li>
</ul>
</div>
<div>
sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg
sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg
sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg
sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg
sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg sdgsgsd gs gs dgs dgsg sg s gsg
</div>
</div>
</body>
</html>
Modifié par zefri (23 Nov 2006 - 11:15)