Jump to content


Photo

Galeria De Fotos


  • Faça o login para participar
1 reply to this topic

#1 michelmfreitas

michelmfreitas

    ...

  • Usuários
  • 310 posts
  • Sexo:Não informado

Posted 12/05/2008, 15:29

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: Posted Image

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?
Michel Martins

#2 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 12/05/2008, 16:49

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
Posted Image




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq