Ir para o conteúdo
fteixeira1993

[Resolvido] enumeras divs seguidas

Mensagens Recomendadas

fteixeira1993

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>

dzmw.jpg

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

Editado por fteixeira1993

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
fteixeira1993

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

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.