Fórum Conteúdo dentro de uma div #586251

26/09/2017

0

CSS PHP

Bom dia pessoal.

Não estou conseguindo coloca o contedo lado a lado dentro da div

exemplo: tenho uma div #destaques, dentro dela tenho uma <lu> e dentro da <lu> tenho duas <li>
g quero que as <lu> fique lado a lado detro da div #destaques, mas não sei como fazer. Veja o código que estou usando.


dentro da index.php o código abaixo.
	<div id="destaques">
		<ul>
		  <?php do { ?>
	      <li><a href="#"><img src="fotos/<?php echo $row_rsDestaques['not_id']; ?>/<?php echo $row_rsDestaques['not_foto']; ?>" width="240" height="160"</a></li>
	      <li><h2><a href="#"><?php echo $row_rsDestaques['not_titulo']; ?></a></h2></li>
		    <?php } while ($row_rsDestaques = mysqli_fetch_assoc($rsDestaques)); ?>
		</ul>
		
		</div>


dentro do css o código abaixo.

#destaques{
	width: 1039px;
	height: 270px;
	margin: 0 0px 10px 0;
	float: left;
}

#destaques ul{
	width: 325px;
	height: 300px;
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
} 

#destaques li{
	width: 325px;
	height: 300px;
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
}



Por favor alguém pode me ajudar.

Pois ele fica com as três notícias só que uma embaixo da outra e eu quero as três lado a lado.
Antonio Santos

Antonio Santos

Responder

Posts

26/09/2017

Leandro Chiodini

TEna usar o clear: both;
detro de Destaque ul e Destaque li
Responder

Gostei + 0

26/09/2017

Antonio Santos

coloquei e mesmo assim não funcionou.

#destaques ul {
width: 325px;
height: 300px;
padding: 0;
margin: 0 20px 0 0;
float: left;
clear: both;
} 
#destaques li {
width: 325px;
height: 300px;
float: left;
padding: 0;
margin: 0;
display: inline;
clear: both;
}
Responder

Gostei + 0

26/09/2017

Leandro Chiodini

Antonio eu testei aqui o teu codigo, e funcionou.
Faz um teste sem utilizar o retorno do banco.
Coloca no teu index fixo.

<div id="destaques">
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao2>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao3>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
<ul class="posicao4>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
</div>



Voce vai ver que esta funcionando, dai teria que partir pra ver o retorno do teu banco.
MAs se tu quiser fazer noticias lado a lado, nao sei como ta retornando mas se tiver algum tipo de descrição nao recomendo usar uma lista, que é bem especifica pra Menus... tenta trabalhar com DIV ou Span...
Responder

Gostei + 0

26/09/2017

Antonio Santos

olá Chiodini


quando era em modo projeto funcionava
mas depois que chamei a noticia dinâmicamente ela não funciona. Vc pode exemplificar usando as div e lu li por favor
Responder

Gostei + 0

27/09/2017

Leandro Chiodini

Claro antonio deixa eu entender somente como voce quer as notivias,
vai ser um titulo e uma preve descrição?
Ou somente o titulo?
Responder

Gostei + 0

27/09/2017

Antonio Santos

Chiodini boa tarde, via agora essse problema ja solucinei usando as div como vc sugeriu, mas queria saber se vc tem algum scipt que tranforme uma area de texto com aqueles botões basicos de formatação, e outra coisa vc poderia me da umaorientação remotamente?
qualquer coisa responde nesse e-mail: albertosantos_se@hotmail.com
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar