1 reply to this topic

[michelmfreitas]

Olá pessoal. Estou fazendo uma galeria de fotos aqui e estou com o seguinte problema... as fotos ao contrario de se alinharem uma ao lado da outra, estão se alinhando acima uma da outra.

Vejam a imagem:

O codigo e CSS:

<div id="lista-produtos">
	<img src="<?=$linha['miniatura']?>" align="absmiddle" />
	<p class="texto-galeria"><?=$linha['produto']?></p>
	<p><img src="img/encomendar.jpg" /></p>
</div>
<br style="clear:both;"/>

//CSS
#lista-produtos{
	width:160px;
	border:3px solid #000000;
	background:#FFF8E6;
	text-align:center;
	margin:5px;
	padding:5px;
	margin-bottom:20px;
	float:left;
}

.texto-galeria{
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
	margin-top:10px;
	margin-bottom: 10px;
}

.fotos-produtos{
	width:150px;
	text-align:center;
	padding:10px;
}

Qual meu erro e porque?

[Kadu DG]

não seria pq vc está colocando elas em <p>, sendo que <p> é paragrafo e não tem nenhum style definido pra ele, com float:left;.

creio que possa ser isso