Foros del Web » Creando para Internet » CSS »

Lista horizontal...

Estas en el tema de Lista horizontal... en el foro de CSS en Foros del Web. Buen día, pls una pequeño empujon en esto Tengo una lista <ul> <li>UNO</li> <li>CARRO</li> <li>MADRID</li> </u> Y me da una lista en vertical, una sobre ...
  #1 (permalink)  
Antiguo 16/10/2010, 12:42
 
Fecha de Ingreso: octubre-2003
Ubicación: lima
Mensajes: 57
Antigüedad: 14 años, 2 meses
Puntos: 0
Lista horizontal...

Buen día, pls una pequeño empujon en esto
Tengo una lista
<ul>
<li>UNO</li>
<li>CARRO</li>
<li>MADRID</li>
</u>
Y me da una lista en vertical, una sobre otra Ok, hasta lo sé, pero quiero q sea una lista horizontal, e intentado con:
<ul style="list-style-type:none;">
<li>UNO</li>
<li>CARRO</li>
<li>MADRID</li>
</u>

Pero no sale, cual seria la opción correcta y donde lo tendria que poner para que me salga alo asi.
- UNO - CARRO - MADRID
__________________
GUMER FERNANDEZ HUATUCO
--------------------------------------
Solo hay un dio$
  #2 (permalink)  
Antiguo 16/10/2010, 13:02
 
Fecha de Ingreso: octubre-2003
Ubicación: lima
Mensajes: 57
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Lista horizontal...

<ul>
<li style="list-style-type:none; display:inline;">UNO</li>
<li style="list-style-type:none; display:inline;">CARRO</li>
<li style="list-style-type:none; display:inline;">MADRID</li>
</u>
Ya salio asi, pero ahora como hago para que ocupe el 100% de la pagina ¿?
__________________
GUMER FERNANDEZ HUATUCO
--------------------------------------
Solo hay un dio$
  #3 (permalink)  
Antiguo 16/10/2010, 14:54
Avatar de lvfp  
Fecha de Ingreso: septiembre-2005
Ubicación: España
Mensajes: 337
Antigüedad: 12 años, 3 meses
Puntos: 4
Respuesta: Lista horizontal...

Bueno, primero decirte que uses css y no los estilos directamente en tu html.

después, en mi caso normalmente para listas horizontales uso:

li{

float:left;
width: 33%; (en este caso con 3 objetos sería 33% y el del medio 34%. Segunda caso habría que jugar con anchos, margenes, paddings..)
text-align:center;
}

con un <ul> que tenga el 100% de ancho, claro.

Etiquetas: horizontal, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:58.