Jump to content


Photo

Alinhar Li's Dentro De Ul


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

#1 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 31/10/2008, 13:57

fala galera blz?


eu tenho o seguinte código
<ul>
   <li>item 1</li>
   <li>item 2</li>
   <li>item 3</li>
</ul>

o meu UL, tem uma largura fixa de 500px, que preciso que os LI's fiquem alinhados ao centro do UL, tem como fazer isso?
Posted Image

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 31/10/2008, 14:26

dá uma olhada no ultimo post deste tópico http://forum.wmonlin...howtopic=204803

más, basicamente, é só colocar um float left nos li, e tirar as margens e paddings do ul e li.

Edição feita por: Édipo Costa Rebouças, 31/10/2008, 15:16.


#3 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 31/10/2008, 18:43

LI ao centro do UL? Como assim?
att,
Muller Dias
ex-administrador Fórum WMO

#4 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 05/11/2008, 20:18

LI ao centro do UL? Como assim?


eu tenho uma UL de 500px, se eu colocar as LI's alinhadas, vão ficar uma do lado da outra, porém, sem estar centralizada na ul...eu queria que as LI's fossem se alinhando ao centro, como quando alinhamos um texto ao centro.
Posted Image

#5 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 05/11/2008, 22:45

Rapaz, nunca fiz isso não, mas é uma pergunta muito boa. ^_^

Eu tenho um palpite...

ul {
	text-align: center;
}
li {
	display: inline;
}

O UL está com text-align: center para centralizar o que está dentro e o LI está com display: inline para todos os LI ficarem lado a lado, nesse caso não dá pra usar float pois como o próprio nome diz ele flutua.

Testa aí, mas já vou avisando que não garanto nada por causa do display: inline que eu usei... :P

(ok2)
att,
Muller Dias
ex-administrador Fórum WMO

#6 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 06/11/2008, 07:29

insere o padding no ul até ficar conforme vc quer, eu acho que a dica do sem.ponto vai dar pau .. kkk, mas tome que de certo

#7 fekz

fekz

    12 Horas

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

Posted 06/11/2008, 09:48

Só usar float left

#8 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 06/11/2008, 10:32

Com float.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#9 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 06/11/2008, 10:50

insere o padding no ul até ficar conforme vc quer, eu acho que a dica do sem.ponto vai dar pau .. kkk, mas tome que de certo


não posso colocar o padding, pq o número de itens pode variar...ou seja, preciso que ele vá alinhando automaticamente...vou ver a dica do sem. e o samurai! depois venho aqui falar se deu certo ;)
Posted Image

#10 fekz

fekz

    12 Horas

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

Posted 06/11/2008, 11:29

Cara faz assim
O seu ul tem 500px..
Entao no css vc poe pra alinhar

ul li {
margin: 0px auto; com esse auto, o alinhamento na horizontal se dará a partir do meio e quando for adicionando vai jogando pro lado ;D
}

#11 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 06/11/2008, 16:42

A solução do Alex funciona perfeitamente, só que é um pouco chata de aplicar... :ponder:

Mas na verdade quem centraliza não é o float, a centralização está sendo feita com position relative e left 50%.

(ok2)
att,
Muller Dias
ex-administrador Fórum WMO

#12 Kadu DG

Kadu DG

    I Love my Little Girl! http://www.kdsg.net

  • Usuários
  • 597 posts
  • Sexo:Masculino
  • Localidade:Carapicuiba, SP

Posted 08/11/2008, 10:06

A solução do Alex funciona perfeitamente, só que é um pouco chata de aplicar... :ponder:

Mas na verdade quem centraliza não é o float, a centralização está sendo feita com position relative e left 50%.

(ok2)


exatamente, mas não é sempre que tereiq ue fazer isso, serve! :D :assobio:

mto bom samurai!! vlw! ;)
Posted Image

#13 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 18/09/2017, 18:00

Effexor Xr Discount Card cialis online Viagra E Stimolanti Walmart Prescription Drug Plan Cialis Von Lilly Lycos Bentyl Cash Delivery For Sale Prezzo Viagra Pfizer In Farmacia cialis Baclofene Batel
Cialis Schwul cialis Cuando Tomar Priligy
Buy Priligy Without Prescription Synthroid For Purchase
Canada Pills <a href=http://cialtobuy.com>cialis</a> Where Can You Buy Pct Pills?

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 06/10/2017, 05:06

Cialis Standard Dosage viagra online Colchones De Propecia Retin A
Compra Propecia Buy Cheap Accutane Online Vidal Kamagra viagra Propecia Effects On Women Male Pattern Hair Loss
Viagra India Pill cialis buy online Pastilla Cialis Precio

#15 RonsisM

RonsisM

    Super Veterano

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

Posted 06/10/2017, 07:36

Comentarios Sobre Priligy Prednisone Purchase Buy Prednisone Online Overnight viagra References On Effects Of Amoxicillin




1 user(s) are reading this topic

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

IPB Skin By Virteq