Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

logan_pa

float:left

Recommended Posts

foi mals postar uma duvida tão simples como esta, mais é que ja quebrei a cabeça e não consegui.ants de postar fiz uma busca usando a palavra float e não econtrei nada que ajudasse. entao resolvi postar.n entendi esse float:left ele não quer funcionar, o estranho é que a area da esquerda esta livre e o widht esta definido corretamente, mesmo assim o box ñ vai, ele fica na linha de baixo. estarei esquecendo de alguma coisa?

Compartilhar este post


Link para o post
Compartilhar em outros sites

mostra o endereço do site, pra ficar mais claro!!mas lembre, você pode ter jogado um float:left ou right no elemento e a mesmo tempo um clear:both que cançela o float!!beleza?flw

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenta diminuir um pouco um dos box. Geralmente quando acontece isso comigo é pq um dos box está maior que a div que a envolve, daí a q está com float left fica certo e a outra com float right fica na linha de baixo, diminuindo um pouco uma delas fica certo.flw ae

Compartilhar este post


Link para o post
Compartilhar em outros sites

naum esqueça do margin-left no div q ficar à direita do q recebe o float: left...eh soh olhar em códigos e ver o q usam e ir testando...

Compartilhar este post


Link para o post
Compartilhar em outros sites

olhando o codigo fica mais facil

 

/* Fotos */.box-fotos { width: 197px; height: 282px; background-color: #B2CDE4; float:left; margin-top: -1px; }.titulo-galeria { width: 165px; padding: 8px 7px;  }.titulo-galeria a { font: normal normal bold 12px Verdana,Sans-Serif; color: #E02D27; }.titulo-galeria a:hover{ text-decoration:underline; } .foto-galeria { margin: 6px 7px;  }.bg-descricao-foto { width: 183px; height: 130px; background-color: #fff; _margin-top: -3px;   }.bg-descricao-foto .descricao-galeria { width: 165px;  }.bg-descricao-foto .descricao-galeria a {font: normal normal normal 11px Verdana,Sans-Serif; color: #000; }.bg-descricao-foto .descricao-galeria a:hover{ text-decoration:underline; }

 

<div class="box-fotos"><a href=""><img src="imagens/presidente-interno.jpg" width="183" height="132"  border="0" alt="Foto Galeria" class="foto-galeria"/></a><div class="bg-descricao-foto"><h4 class="titulo-galeria"><a href="">Título da Galeria</a></h4><p class="descricao-galeria"><a href="">Is simply dummy text of										the printing and typesetting										industry. Lorem Ipsum has										been the industry's standard										dummy text ever since the</a></p>	 </div>									  </div></div>							<div class="box-fotos"><a href=""><img src="imagens/presidente-interno.jpg" width="183" height="132"  border="0" alt="Foto Galeria" class="foto-galeria"/></a><div class="bg-descricao-foto"><h4 class="titulo-galeria"><a href="">Título da Galeria</a></h4><p class="descricao-galeria"><a href="">Is simply dummy text of										the printing and typesetting										industry. Lorem Ipsum has										been the industry's standard										dummy text ever since the</a></p>	 </div>									  </div></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.