Foros del Web » Creando para Internet » CSS »

Dudon de Capas <div>

Estas en el tema de Dudon de Capas <div> en el foro de CSS en Foros del Web. como puedo esto ???? Código: <div> texto <div>listado a la izquierda</div> <div>listado centrado</div> <div>listado a la derecha</div> texto </div> y que no se mete el ...
  #1 (permalink)  
Antiguo 25/05/2005, 15:27
 
Fecha de Ingreso: mayo-2005
Mensajes: 156
Antigüedad: 12 años, 7 meses
Puntos: 0
Dudon de Capas <div>

como puedo esto ????

Código:
<div>
	texto
	<div>listado a la izquierda</div>
	<div>listado centrado</div>
	<div>listado a la derecha</div>
	texto
</div>
y que no se mete el texto entre las capas ??????
quiero que quede asi

texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
1 2 3
1 2 3
1 2 3
1 2 3
texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto


gracias
__________________
Programador & Diseñador Web
www.ascariz.es
www.ascariz.com
www.telefonica.net/web/tiempoderol
  #2 (permalink)  
Antiguo 25/05/2005, 16:25
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 3 meses
Puntos: 56
holas Rodri
realmente no logro entender muy bien cuál es tu pregunta... por lo menos con el ejemplo de que lo quieres que quede pues no hay mucha diferencia con lo que hace el código que has dado... o tal vez es que donde "listado a la..." te estés refiriendo a columnas, como con las Tablas? si es así, sería mejor ocupar tablas... si no es eso, pues podrías explicarlo mejor? gracias.
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*
  #3 (permalink)  
Antiguo 26/05/2005, 13:52
 
Fecha de Ingreso: mayo-2005
Mensajes: 156
Antigüedad: 12 años, 7 meses
Puntos: 0
Oki,

tengo un div general y dentro pongo texto y tres listados en formato <ul> y lo que me gustaria es poner los tres <ul> uno centrado a la izquierda otro centrado al medio y el otro centrado a la derecha y que luego siga el texto como si nada por debajo del listado.
__________________
Programador & Diseñador Web
www.ascariz.es
www.ascariz.com
www.telefonica.net/web/tiempoderol
  #4 (permalink)  
Antiguo 26/05/2005, 13:58
 
Fecha de Ingreso: mayo-2005
Mensajes: 156
Antigüedad: 12 años, 7 meses
Puntos: 0
Código HTML:
<table width="100%"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td align="right">&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td align="left">&nbsp;</td>
  </tr>
</table> 
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td align="right">&nbsp;</td>
<td align="center">&nbsp;</td>
<td align="left">&nbsp;</td>
</tr>
</table>

esto es lo que quiero hacer poro con <div> y con <ul><li>

como se puede hacer ?????????'
__________________
Programador & Diseñador Web
www.ascariz.es
www.ascariz.com
www.telefonica.net/web/tiempoderol
  #5 (permalink)  
Antiguo 26/05/2005, 16:29
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 3 meses
Puntos: 56
prueba esto, que me funcionó pero el problemín es que debes indicarle los altos a cada DIV, o al menos al de la DIV contenedora: siempre debe ser igual o mayor al valor del mayor alto de las capas interiores, o sea que si la capa que contiene la "Lista 2" tiene unos 200px de alto, la capa contenedora no puede tener 100px, pues harías que el texto que viene a continuación de las capas se superponga sobre ellas X_x... medio enredo ... por qué no ocupas tablas no más???? :

Código HTML:
<div>
 <p>
 mucho texto en esta parte...
 <p>
 <div layer style="position:relative; height: 100px">
  <div layer style="position: absolute; left: 0px; top: 0px; height: 100px">
   <ul>Lista 1
    <li>Item A</li>
    <li>Item B</li>
    <li>Item C</li>
   </ul>
  </div>
  <div layer style="position: absolute; left: 100px; top: 0px; height: 100px">
   <ul> Lista 2
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
   </ul>
  </div>
  <div layer style="position: absolute; left: 200px; top: 0px; height: 100px">
   <ul>Lista 3
    <li>Item x</li>
    <li>Item y</li>
    <li>Item z</li>
   </ul>
  </div>
 </div>
 el resto de mucho texto acá...
</div> 
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*

Última edición por quinqui; 26/05/2005 a las 16:38
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 08:20.