Foros del Web » Creando para Internet » HTML »

Como hacer una lista horizontal

Estas en el tema de Como hacer una lista horizontal en el foro de HTML en Foros del Web. Quería saber con que propiedad de CSS se podría hacer que una lista fuera horizontal, y si se puede poner entonces cualquier caracter como separación ...
  #1 (permalink)  
Antiguo 13/12/2002, 01:34
 
Fecha de Ingreso: julio-2002
Ubicación: Elche
Mensajes: 153
Antigüedad: 15 años, 5 meses
Puntos: 0
Como hacer una lista horizontal

Quería saber con que propiedad de CSS se podría hacer que una lista fuera horizontal, y si se puede poner entonces cualquier caracter como separación entre los elementos de esa lista.

Muchas gracias y un saludo.
__________________
Hazlo o no lo hagas, pero nunca lo intentes

www.clubfronteniselche.com
  #2 (permalink)  
Antiguo 13/12/2002, 02:15
 
Fecha de Ingreso: julio-2002
Ubicación: Elche
Mensajes: 153
Antigüedad: 15 años, 5 meses
Puntos: 0
He solucionado el problema de la siguiente forma:

A las etiquetas <li> de la lista les aplico la propiedad CSS 'float : left'

Ahora mi pregunta es, ¿como puedo poner como separador entre los elementos un caracter, p.ej. · o |?

Muchas gracias y un saludo.
__________________
Hazlo o no lo hagas, pero nunca lo intentes

www.clubfronteniselche.com
  #3 (permalink)  
Antiguo 02/04/2013, 15:43
Avatar de cesparza  
Fecha de Ingreso: marzo-2013
Ubicación: Barcelona
Mensajes: 6
Antigüedad: 4 años, 8 meses
Puntos: 0
Respuesta: Como hacer una lista horizontal

La forma de hacer la lista se hace con la sentencia "Display".

en CSS pones al menú display: inline;

Realmente podrias hacer lo siguiente:
<ul id="menú">
<li style="display: inline">texto 1</li>
<li style="display: inline">texto 2</li>
<li style="display: inline">texto 3</li>
</ul>

pero lo lógico es que en css lo hagas asi.

#menú {display: inline;}

No se si te sirve la explicacion
  #4 (permalink)  
Antiguo 02/04/2013, 18:02
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 8.954
Antigüedad: 14 años, 9 meses
Puntos: 1802
Respuesta: Como hacer una lista horizontal

Cesparza, ¡Bienvenido!
  #5 (permalink)  
Antiguo 02/04/2013, 19:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Respuesta: Como hacer una lista horizontal

Cita:
Iniciado por DaneelR Ver Mensaje
Ahora mi pregunta es, ¿como puedo poner como separador entre los elementos un caracter, p.ej. · o |?
Hay varias formas. Si usas CSS de este siglo, puedes dejarlo bastante limpio y usar pseudo-elementos:

Código CSS:
Ver original
  1. #menu li:after {
  2.   float: left;
  3.   margin-left: 10px;
  4.   content: "|";
  5. }
  6. #menu li:last-child:after {
  7.   display: none;
  8. }

Lo último es para que el último elemento no tenga separador, ya que no le sigue nada más.

Cita:
Iniciado por cesparza Ver Mensaje
#menú {display: inline;}
Bienvenido al foro.

Te faltó implicar a los susodichos.

Código CSS:
Ver original
  1. #menu li {}

Ya que si no aplica a ul#menu.

Cita:
Iniciado por Rafael Ver Mensaje
Cesparza, ¡Bienvenido!
¡Un espontáneo!
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:23.