Jump to content


Photo

Alinhamento De Colunas?


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

#1 B!ö$

B!ö$

    12 Horas

  • Usuários
  • 129 posts
  • Sexo:Masculino
  • Localidade:Randômico

Posted 04/12/2006, 15:39

Bom eu quero que as colunas se alinhem uma abaixo da outra... de 2 em 2...
mais saiu assim:
Posted Image

## CSS ##
#col-m {
	float:left;
	width:200px;
}
#col-m2 {
	float:right;
	width:200px;
}

## HTML ##
<div id="col-m">
					<h1>Teste</h1>
						<p>testesteste
						  <br />
					teste<br />
				  teste
					<br />
			  </div>
				<div id="col-m2">
					<h1>Teste</h1>
					testesteste
				</div><br />
				<div id="col-m">
					<h1>Teste</h1>
						
					testesteste
						<br />
					teste<br />
					teste
				</div>
				<div id="col-m2">
					<h1>Teste</h1>
					testesteste
				</div>

Edição feita por: B!ö$, 04/12/2006, 18:39.

  • RonsisM likes this

#2 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 04/12/2006, 19:04

Cara, testei aqui e pode ser feito assim:

CSS:
<style type="text/css">

#dir_topo  {
position:absolute;

top: 0px;
left:118px;

_top:15px;
_left: 120px;
  }



#dir_baixo{
position:absolute;

top:140px;
left:118px;

_top: 146px;
_left: 120px;
  }

</style>



HTML:
<div id="principal">
<h1>Teste</h1>
<p>testesteste
<br />
teste<br />
teste
<br />
</div>
<p>
<div id="principal">
<h1>Teste</h1>
testesteste
</div><br />


<div id="dir_topo">
<h1>Teste</h1>
testesteste
<br />
teste<br />
</div>
				

<div id="dir_baixo">
<h1>Teste</h1>
testesteste
</div>

Aquele underline (_) é unicamente pro IE. O IE desalinha tudo, então as medidas a princípio tem que ser diferentes. Digo "a princípio" pq comecei no CSS faz pouco tempo e vi que esse método do underline não é validado pelo W3C (http://jigsaw.w3.org/css-validator/).

Como não sei outra maneira e essa funciona, usei assim até então.

Provisoriamente é uma opção, mas também gostaria de saber de uma maneira válida de se fazer isso.
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#3 B!ö$

B!ö$

    12 Horas

  • Usuários
  • 129 posts
  • Sexo:Masculino
  • Localidade:Randômico

Posted 04/12/2006, 19:13

tipo deu certo msm....
mais eu vo fz +o- umas 5 colunas entende... 2 em 2...
__ __
__ __
__ __
__ __
__ __

Desde já agradeço!

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 12/12/2006, 23:26

Easy easy ... :P

Primeiro de tudo, não pode existir na mesma página mais de um elemento com o mesmo ID, imagine vários brasileiros com o mesmo número de RG. Já sai muita merd* com números diferentes .... Então troque o ID por classes se pretende usar o mesmo estilo em mais de um elemento.

E em CSS existe uma propriedade chamada 'clear', que vem a calhar nesta ocasião. Estou sem tempo de procurar por uma referência boa no momento para postar um link, mas uma boa busca no google resolve, fica o código que eu fiz:

<style>
.col-m {float:left;width:200px;clear:left;border:1px solid #000;}
.col-m2 {float:right;width:200px;clear:right;border:1px solid #000;}
</style>

<div class="col-m">
	<h1>Teste1</h1>
</div>

<div class="col-m2">
	<h1>Teste2</h1>
</div>

<div class="col-m">
	<h1>Teste3</h1>
</div>

<div class="col-m2">
	<h1>Teste4</h1>
</div>

PS.: Coloquei bordas para mostrar o limite do elemento, redimensione a janela do navegador e veja como os elementos mudam de posição quando não se encaixam perfeitamente.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 RonsisM

RonsisM

    Super Veterano

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

Posted 20/09/2017, 19:35

Levitra Original Achat buy cialis Generisches Viagra Kaufen
Amoxicillin 875 Mg Liquid
Cialis Generique Site Serieux <a href=http://cialtobuy.com>cialis buy online</a> Cialis Grande Pharmacie Lyonnaise
Cialis Soft Review buy cialis Low Cost Viagra 100mg Brand 5 Bucks
Cheap Tamoxifen Online
Priligy Cuanto Vale <a href=http://cialtobuy.com>cialis</a> Levitra Jugement
isotretinoin 20mg internet low price cheap cialis Finasteride Risultati Propecia
Antibiotics By Mail
Cialis Viagra Levitra Differenze <a href=http://cialtobuy.com>cialis</a> Zithromax Ok With Alcohol
On Line Bentyl Ibs Can I Purchase cialis Acheter Cialis Original Ligne
Medicament Cytotec Sans Ordonnance Best Buy On Cialus Sildenafil Purchase Online
Kamagra 100 <a href=http://cialtobuy.com>cialis buy online</a> Price For A 100 Mg Viagra

#6 RonsisM

RonsisM

    Super Veterano

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

Posted 05/10/2017, 18:05

Symptoms Of Amoxicillin Overdose Kamagra Pharmacy viagra Secure Progesterone Ups Price On Line

#7 RonsisM

RonsisM

    Super Veterano

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

Posted 14/10/2017, 12:39

Indian Viagra Online Cephalexin Bacterial Vaginosis buy levitra Prozac Macrobid Next Day On Line Shop Cialis Im Flugzeug
Cialis Professional Vs. Super Active Cialis 20 Mg Originale Generic Progesterone Without Dr Approval cheapest levitra 20mg Cialis Afecta El Corazon Vente Cialis Levitra Buy Generic Cialis 20 Mg
Tabletas Propecia Generico Cialis 40 Mg Cost brand levitra canada Viagra 20 Mg For Purchase Without Rx
Wholesale Prices Viagra Usa No Subscription Pharmacy Levitra Prezzi Farmacia viagra Cialis Soft Generique Kamagra Oral Jelly New Zealand Cialis Sans Ordonnance Belgique

#8 RonsisM

RonsisM

    Super Veterano

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

Posted 31/10/2017, 16:44

Cialis Rezept Falschen Propecia Princesa viagra Acquisto Levitra Orosolubile
Topical Propecia Problems No Prescription 3 Mg Estradiol Pills Ed Supplements At Walmart viagra Pleasure Cheap Viagra Viagra E Sclerosi Multipla Buy Prednisone
When Will Alli Be Back For Sale Force Worked For Me Propecia Finasteride levitra sold over the counter Order Celexa No Prescription Cialis Achat En Suisse

#9 RonsisM

RonsisM

    Super Veterano

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

Posted 21/11/2017, 14:49

Buy Effexor Xr Buy Amoxicillin Online Cheap cialis buy online Precio Cialis 10 Mg Farmacia
Propecia In Women Hair Growth Todo Sobre Viagra Routine Doses Of Amoxicillin viagra Prezzo Kamagra In Belgio




0 user(s) are reading this topic

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

IPB Skin By Virteq