hello tout le monde!
Alors j'ai un soucis que je n'arrive pas a résoudre.
On va faire simple, d'abord le code html:
Et le CSS:
En fait le soucis, c'est que j'ai un espace de 3pixels entre l'image du haut et le reste. (voir image)
Modifié par zimounet (31 Oct 2005 - 16:57)
Alors j'ai un soucis que je n'arrive pas a résoudre.
On va faire simple, d'abord le code html:
<div id="left"><br />
<img src="./style/barres/jeunautes.gif" />
<ul class="titre-sous-menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">Catégories</a></li>
<li><a href="#">L'actu</a></li>
<li><a href="#">Aide</a></li>
</ul>
<img src="./style/barres/bas.gif" />
Et le CSS:
ul.titre-sous-menu {
padding-top:0px;
padding-left:3px;
margin:0;
border-left:1px solid #4c6cb2;
border-right:1px solid #4c6cb2;
background-color: #f8f8f8;
}
.titre-sous-menu li {
padding-bottom:2px;
padding-top:2px;
display: block;
padding-left:15px;
background: transparent url(../style/picto/punaise.gif) no-repeat 0 0;
font-weight:bold;
list-style:none;
width: 150px;
margin:0;
}
ul.titre-sous-menu a {color:#1c4597; display: block; padding-top:0px;}
ul.titre-sous-menu a:hover{background-color: #dde5f9; text-decoration: none; padding-top:0px;}
En fait le soucis, c'est que j'ai un espace de 3pixels entre l'image du haut et le reste. (voir image)
Modifié par zimounet (31 Oct 2005 - 16:57)