28172 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et à tous,
Voilà j'ai un problème d'alignement de trois colonnes, une colonne gauche, une colonne centrale et une colonne droite. La colonne centrale s'aligne sur son coin supérieur gauche avec le coin inférieur droit de la colonne gauche. La colonne droite fait la même chose avec la colonne centrale.
 <div id="colonne_gauche"><img src="trophees.jpg" width="180" height="180" /></div>
    
    <div id="colonne_centrale">bolobolo</div>
    
    <div id="colonne_droite">
    <img src="film.jpg" width="160" height="136" />
    <img src="comment.jpg" width="140" height="40" vspace="5" />
    </div>


#colonne_gauche {
	background-color: #F00;
	float: left;
	width: 180px;
	text-align: center;
}
#colonne_centrale {
	background-color: #993;
	width: 560px;
	float: left;
	margin-left: 180px;
}
#colonne_droite {
	background-color: #FFF;
	width: 160px;
	text-align: center;
	float: left;
	margin-left: 740px;
}
Bonjour,
En enlevant tes margin-left ? Was passiert ?
Modifié par Gothor (26 Apr 2012 - 11:13)
Re.,
En enlevant les margin-left, les trois blocs sont alignés l'un en-dessous des autres alignés sur la gauche.
#colonne_gauche
#colonne_centrale
#colonne_droite
J'ai trouvé. C'est Dreamweaver qui me mets le 'bazar' dans ma page. Avec juste un floet=left, cela suffit.
Merci
Hello.

Tu peux nous faire un screen ou nous dire ce que tu souhaite réellement? J'ai fait un dabblet de ton code, et en commentant les marges ça me semble OK.

Au passage, le vspace sur une image, c'est laid. Utilise les marges.