Jump to content


Photo

Div Contendo Uma Div Da Direita E Outra Da Esquerda


  • Faça o login para participar
12 replies to this topic

#1 hostdesigner

hostdesigner

    Super Veterano

  • Usuários
  • 2910 posts
  • Sexo:Masculino
  • Localidade:Quirinópolis-GO
  • Interesses:Programação, Mulheres, Diversão, Mulheres, Música, Mulheres, Meu Carro, Mais mulheres, Internet, Outras Mulheres, Quase por último PAZ e por ultimo Outras Váááárias Mulheres...

Posted 23/04/2007, 16:56

Estou tentando fazer uma listagem com DIV, porém preciso que dentro da div "principal" exista uma div do lado direito para que eu possa adicionar alguns links, só que sempre dá um erro e nunca funciona direito.

<div class="principal">

<label>
<input type="checkbox">Texto sem sentido
</label>

<div class="direita">
Link1 - link2
</div>

</div>
Bom ai está um exemplo do que eu criei e abaixo segue o css
.principal {
	float: left;
}
.direita{
	float: right;
}
O problema é que os links da div direita sempre aparecem na linha de baixo e deveria ser na mesma linha. como resolver isso?

Falopa!

#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 23/04/2007, 17:17

Então... hehehe, duas soluções, uma:

colocar a div#direita fora da #principal.

outra:

Coloca a div#direita como primeiro elemento da div#principal.

Edição feita por: Klaus, 23/04/2007, 17:17.

Klaus Paiva
Conheça também: Taperás

#3 hostdesigner

hostdesigner

    Super Veterano

  • Usuários
  • 2910 posts
  • Sexo:Masculino
  • Localidade:Quirinópolis-GO
  • Interesses:Programação, Mulheres, Diversão, Mulheres, Música, Mulheres, Meu Carro, Mais mulheres, Internet, Outras Mulheres, Quase por último PAZ e por ultimo Outras Váááárias Mulheres...

Posted 23/04/2007, 17:44

Ué e o que isso faz de tão mágico pra resolver o problema?

Falopa!

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 23/04/2007, 17:58

Você testou ??


Outra opção seria colocar a div direita fora da div principal e deixar ambas com o float:left ...
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Baelmorion

Baelmorion

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 23/04/2007, 18:19

Deixe seu codigo assim:
<div class="principal">

<label>
<input type="checkbox">Texto sem sentido
</label>
</div>
<div class="direita">
Link1 - link2

</div>
Assim deve funcionar..
lembre-se de usar clear: both; nas div's usadas depois.
Mauricio - Security Informática
www.securityinformatica.com.br
Webmaster / Especialista em segurança de sistemas.

#6 hostdesigner

hostdesigner

    Super Veterano

  • Usuários
  • 2910 posts
  • Sexo:Masculino
  • Localidade:Quirinópolis-GO
  • Interesses:Programação, Mulheres, Diversão, Mulheres, Música, Mulheres, Meu Carro, Mais mulheres, Internet, Outras Mulheres, Quase por último PAZ e por ultimo Outras Váááárias Mulheres...

Posted 23/04/2007, 18:19

Você testou ??

Sim, testei e é exatamente por isso que fiz a pergunta do post anterior. Não entendi o por que o resultado ficou diferente após mudar a posição do DIV.

Falopa!

#7 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 23/04/2007, 18:38

Bom, é simples, um elemento com float (apenas float), que aparece depois de um elemento sem float, não vai ficar ao lado deste último (o label no seu caso). Porém, o inverso sim, ocorre.

Com base na premissa acima, saíram as duas soluções.

Colocar um float ao lado de outro vai funcionar e,
Colocar o float antes do elemento sem float também vai.

Edição feita por: Klaus, 23/04/2007, 18:39.

Klaus Paiva
Conheça também: Taperás

#8 hostdesigner

hostdesigner

    Super Veterano

  • Usuários
  • 2910 posts
  • Sexo:Masculino
  • Localidade:Quirinópolis-GO
  • Interesses:Programação, Mulheres, Diversão, Mulheres, Música, Mulheres, Meu Carro, Mais mulheres, Internet, Outras Mulheres, Quase por último PAZ e por ultimo Outras Váááárias Mulheres...

Posted 24/04/2007, 15:48

Hum, bom, na próxima eu já sei resolver sozinho.

Falopa!

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 26/09/2017, 04:32

Buy Propecia Cheapest Cialis Kaufen 10mg cialis Buy Accutane Generic

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 10/10/2017, 15:09

Mono And Amoxicillin Rash Propecia Porcelana cost of levitra at cvs 360 Pediatric Amoxicillin Buy Kamagra Canada
Clomid Pourquoi Viagra Pfizer Preis Amoxicillin Restrictions levitra online Viagra Kaufen Online Apotheke Order Now On Line Doxycycline Opiniones Comprar Cialis Por Internet
Mail Order Levaquin 500mg Cod Only Xm Radio Generic Cialis Purchase Plavix Canada viagra Propecia Consecuencias Venta Cialis Madrid Best Price Viagra

#11 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 28/10/2017, 04:36

Prednisone Sale I Want To Order Super Viagra buy viagra Xenical Pills For Sale Online Pharmacy Using Paypal Cialis 5 Mg.

#12 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 08/11/2017, 03:10

Levitra O Viagra viagra online Vente De Amoxil Sans Ordonnance Buy Levitra Without Rx
Uk Meds Online Get Levitra Online viagra Sale Discount Bentyl Dicyclomine With Free Shipping Washington Cialis Sans Ordonnance Danger Cialis Impotencia Disfuncion Erectil

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 12/11/2017, 11:29

Cialis 5mg Sildenafil Verkauf Cialis Softab cialis High Dose And Low Dose Amoxicillin Cialis Bestellen Zonder Recept In Nederland Propecia Xenadrine
Buy Celebrex 200 Mg Online Viagra 65 Ans cialis online Viagra Shop Online Tadalis Sx Soft Cream For Woman
Sublingual Viagra Pro Generic Online Cialis Diario 5 Mg Precio Cialis Online Buy cialis Omnicef Cialis Et Viagra En Ligne
Acheter Viagra Hollande Medicament Baclofene Sun Achat Cialis Par Cheque viagra Amoxicillin Dosage Sinus Infection Propecia For Less Discount




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq