Foros del Web » Creando para Internet » CSS »

Diseño con <li>

Estas en el tema de Diseño con <li> en el foro de CSS en Foros del Web. Hola a todos, querría usar un script que muestra elementos <li> como sliders. El problema es que quiero meter en un <li> 2 columnas. Lo ...
  #1 (permalink)  
Antiguo 04/05/2012, 08:40
 
Fecha de Ingreso: febrero-2010
Ubicación: Madrid, España
Mensajes: 36
Antigüedad: 14 años, 9 meses
Puntos: 0
Diseño con <li>

Hola a todos,

querría usar un script que muestra elementos <li> como sliders. El problema es que quiero meter en un <li> 2 columnas. Lo he intentado con <table> y lo he intentado con css, pero no soy capaz. ¿Hay alguna forma con css de meter dentro de un <li> 2 columnas, de tal modo que en la izquierda meta un texto formado por 2 párrafos y en la derecha una imagen?

He leído mucho sobre cómo presentar los <li> en columnas, pero no sobre cómo meter columnas dentro de un <li>.

Muchas gracias por adelantado.

Última edición por oxcar; 04/05/2012 a las 08:46
  #2 (permalink)  
Antiguo 04/05/2012, 09:45
Avatar de Oscar_Hidro  
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 13 años, 1 mes
Puntos: 25
Respuesta: Diseño con <li>

Que tal Oxcar, espero haber entendido lo que necesitas. A lo que entiendo que quieres hacer, es insertar un par de columnas dentro de un <li>.

Puedes hacerlo a través de un par de divs anidados dentro del <li>.
Código HTML:
Ver original
  1. <li>
  2. <div id="left"></div>
  3. <div id="right"></div>
  4. </li>

De esta forma, solamente faltaría darle sus propiedades con css a cada div:

Código CSS:
Ver original
  1. #left{ width:50%; display:inline-block;}
  2. #right{ width:50%}

Cabe mencionar que tienes que asignarle un height a estos elementos, al igual que al <li> donde se los vas a asignar
  #3 (permalink)  
Antiguo 04/05/2012, 09:51
 
Fecha de Ingreso: febrero-2010
Ubicación: Madrid, España
Mensajes: 36
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Diseño con <li>

Muchísimas gracias Oscar_Hidro. Luego lo pruebo y te cuento.

Etiquetas: diseño
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 04:41.