[Resolvido] enumeras divs seguidas

fteixeira1993 · August 19, 2013 at 01:41 PM

Olá a todos,

Provavelmente esta dúvida está farta de ser tirada, mas eu estou a ter um problema com 1 fieldset 1 div e várias divs dentro dessa div. Pretendo que as div's fiquem todas alinhadas na horizontal dentro da div que as contem que possui uma scorllbar para o utilzador puchar dum lado para o outro e ver o produtos. Vou colocar o código abaixo juntamente com um print para verem como está e se possivel me ajudarem 🙂 .

#promo{
  height: 170px;
  overflow-x: scroll;
  -ms-overflow-x: scroll;
  overflow-y:hidden;
  -ms-overflow-y:hidden;
 }

<html>
<head>
</head>
<body>
<fieldset>
 <legend>Promoções</legend>
						 <div id="promo">
						 <?php
	 $sql="SELECT ID_Stock FROM stock_tenis Where Promo=1";
	 $busca=mysql_query($sql);
	 $c=0;
	 while($promo=mysql_fetch_array($busca)){
	 $c+=103;
 ?>
						 <div style="width: 100px; height: 150px; background-color: green; border: 2px solid #D6FF59; word-wrap: break-word; margin: 0px; margin-left: <?php echo $c; ?>px; position: absolute;">
							 <img src="produtos/Senhora/Nike.City.Court.VI/pink/vista_esq.jpg" alt="cenas" width="80px" />
							 <?php echo $promo['ID_Stock']?><br />
							 <input type="button" value="ver" />
						 </div>
						 <?php
	 }
 ?>
						 </div>
</body>
</html>  
 </fieldset>

Tentei ajustar o margin-left com php mas não deu bom resultado, como podem ver na imagem. Obrigado pela vossa atenção 🙂 .

cumps,

fteixeria1993

Edited August 19, 2013 at 01:43 PM by fteixeira1993

fteixeira1993 · August 19, 2013 at 02:31 PM

A respotas ao tópico encontra-se em http://stackoverflow.com/questions/6431101/horizontal-scroll-in-div-with-many-small-divs-inside-no-text, fiz o que pretendia com base neste topico do stackoverflow e como fica o código podem ver em http://jsfiddle.net/Wq5fW/261/, eu alterei para ver o resultado final para a resolução do meu problema.

Obrigado pela vossa atenção,

fteixeira1993

Sign In

[Resolvido] enumeras divs seguidas

Recommended Posts

fteixeira1993

fteixeira1993

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information