Conteúdo dentro de uma div

CSS

PHP

26/09/2017

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

Curtidas 0

Respostas

Leandro Chiodini

Leandro Chiodini

26/09/2017

TEna usar o clear: both;
detro de Destaque ul e Destaque li
GOSTEI 0
Antonio Santos

Antonio Santos

26/09/2017

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;
}
GOSTEI 0
Leandro Chiodini

Leandro Chiodini

26/09/2017

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...
GOSTEI 0
Antonio Santos

Antonio Santos

26/09/2017

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
GOSTEI 0
Leandro Chiodini

Leandro Chiodini

26/09/2017

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

Antonio Santos

26/09/2017

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
GOSTEI 0
POSTAR