28172 sujets

CSS et mise en forme, CSS3

Salut mes gens,
Je me tourne vers vous, j'ai un petit problème (merde sous IE)...
Cliquez ici pour le voir

J'ai identifié le pourquoi du comment, mais je ne vois pas comment le résoudre... En effet, en plaçant mes images dans les div englobés dans un autre div #centre, dont l'une des propriétés est text-indent, celles-ci sont décalées de 20px

Code CSS
#centre {margin-left: 226px; margin-right: 10px; padding: 1px 10px; background-color: white; font-size: 1em; line-height: 1.4em; min-height: 450px}
div#centre p {margin: .5em 0; text-indent: 20px; color: #2C2C2C; text-align: justify;}


Code HTML
<div id="centre">
				<div class="box1">

					Visez un peu le pur staïle de nos 3 supers : Batman, Superman et Green Lantern. Pendant que vous y êtes, cliquez sur l’image 
					pour voir tout le monde, les autres aussi ont le droit à leur moment de gloire lol. De toute, je vous ai mis (ça ne serait 
					tarder) les previews des numéros 7,8 et 9 dans la rubrique galerie.
					<div class="rollover">
						<a href=""><img src="imagetest3.png" border="0" title="Green Lantern" Alt="" /></a>
					</div>
					A part ça, j’ai plus grand chose à dire, ahhhh


Merci d'avance pour votre attention... Ciao
Modifié par Bab (17 Feb 2008 - 01:33)
Je pense qu'en modifiant la classe rollover comme ceci:


.rollover {
width:125px;
height:125px;
overflow:hidden;
float:left;
margin-right:9px;
margin-top:6px;
[b]text-indent:0px;[/b]
}


ça devrait aller Smiley smile