Ir para conteúdo

POWERED BY:

Arquivado

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

Mazinha

Padding

Recommended Posts

Olha isso aki. Sab essas duas caixas cinzas? Eu quero deixar uma do lado da outra, só q de tamanhos diferente e naum tô conseguindo. Imaginei q fosse isso aki:

<style type="text/css">#BOX1, #BOX2 {width: 145px, 634px;height: 200px;background:#f7f7f7;border: 1px solid #999999;}#BOX2 {float:right}</style>
Alguém sab o q q eu fiz d errado??

Compartilhar este post


Link para o post
Compartilhar em outros sites

onde você viu essa interpretação do width? tah errado:

<style type="text/css">#BOX1, #BOX2 {width: 145px;height: 200px;background:#f7f7f7;border: 1px solid #999999;}#BOX2 {float:right; width: 634px;}</style>
naum se interpreta 2 widths ao mesmo tempo ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites
+ eles ainda naum ficam um do lado do outro!!! Fica um EMBAIXO do outro!!! Q acontece?? Ainda copiei o seu código, pq eu achei q tivesse digitado errado...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ficou assim:

Imagem Postada

E o código tá aki:

<style type="text/css">#BOX1, #BOX2 {width: 145px;height: 200px;background:#f7f7f7;border: 1px solid #999999;}#BOX2 {float:right; width: 600px;}</style><DIV ID="BOX1">BOX 1</DIV><DIV ID="BOX2">BOX 2</DIV>

Compartilhar este post


Link para o post
Compartilhar em outros sites

se o box 2 vai ficar à direita, entaum ele tem q vir primeiro... que ele ficará à direita do proximo elemento http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

<div id="BOX2">BOX 2</div><div id="BOX1">BOX 1</div>
outra coisa, nada de letras maiusculas... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

se o box 2 vai ficar à direita, entaum ele tem q vir primeiro... que ele ficará à direita do proximo elemento

Ou então assim, pra não ter que inverter a ordem de inclusão dos objetos:
<style type="text/css">	#box1, #box2 {		width:145px;		height:200px;		background-color:#f7f7f7;		border:1px solid #999999;		float:left;	}		#box2 {		width:600px;	}</style></head><body>	<div id="box1">Texto box1</div>	<div id="box2">Texto box2</div></body>

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.