28220 sujets

CSS et mise en forme, CSS3

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:

  <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)

.titre-sous-menu li { 
/*padding-bottom:2px;
padding-top:2px;*/


Quand je commente ces deux lignes, toutes mes rubriques sont collés et cela ne résoud pas le soucis...

C'est bien cela que tu m'as demandé d'essayé? ou ai-je mal compris?
Administrateur
zimounet a écrit :
effectivement le display:block sur les images résoud le probleme, tous mes remerciements raphael!

Dans ce cas, n'oublie pas de marquer ton sujet comme résolu (voir Règles et FAQ) Smiley smile

PS : attention aux fautes grossières sur ton menu
http://img337.imageshack.us/img337/6158/sc2on.jpg
Parce que là, ça fait vraiment mal aux yeux !
oui j'vais mettra sa (lol) en résolu!

Et merci de la remarque, mais étant donné que je fait tout moi meme, je fait d'abord le design, ensuite le contenu...

Mais bien que je ne fasse pas trop de fautes d'orthographe, il est vrai que j'ai toujours du mal avec ca, sa et ça!

Bref, encore merci