[Resolu]Image coupée

http://poppark.free.fr/news/home.php

Comme vous pouvez le voir a coté des titres de news se trouve une icone qui est coupée en bas ! J'ai essayé de modifié les margin, padding mais rien a faire, je suis nul !

#titre {
	background : url(./images/icone2.png) 0 0 no-repeat;
	font-size : 100%;
	text-align : left;
	font-weight : bold;
	color : #990000;
	padding-left :40px;
	padding-top : 5px;
}

merki

have swing too
Modifié par boudouba (04 Apr 2007 - 12:13)

Bonsoir,
Essayes plutôt avec un padding-bottom:
lire les commentaires

#titre {
	background : url(./images/icone2.png) 0 0 no-repeat;
	font-size : 100%;
	text-align : left; /*ne s'applique qu'aux éléments de type bloc (div,p,ul...) */
	font-weight : bold;
	color : #990000;
	padding-left :40px;
	padding-bottom : 5px;
}

Modifié par Hermann (04 Apr 2007 - 00:54)

ça le fait déborder du tableau !!!

Salut,
ton image est en arrière-plan mais ça n'empêche que tu peux la positionner comme tu veux. Déjà, pour déborder comme ça elle doit contenir une grosse marge blanche, l'arrière-plan n'étant pas sensible aux padding donc tu peux la recadrer. Ensuite, tu peux la positionner sur l'axe des x et des y, comme ci

#titre {
background : url(./images/icone2.png) 0 -5px no-repeat;
font-size : 100%;
...
}
Modifié par virtualgadjo (04 Apr 2007 - 08:30)

au fait, juste comme ça au passage, dans la mesure ou tu as plusieurs span titre dans la page une class serait plus appropriée qu'un id !

have swing

a vrai dire lorsque je met des class au lieu d'id les icones ne s'affichent pas !

sinon j'ai résolu mon problème d'icone coupé en mettant:

padding-top : 5px;
padding-bottom : 5px;

tchuss