Foros del Web » Creando para Internet » CSS »

Agrupación de divs

Estas en el tema de Agrupación de divs en el foro de CSS en Foros del Web. Hola querida comunidad! Me ha surgido un interrogante que no logro encontrar por ningún lado. Resulta que estoy creando una página que se carga con ...
  #1 (permalink)  
Antiguo 27/10/2011, 06:22
Avatar de karlic0s  
Fecha de Ingreso: abril-2007
Ubicación: Cartagena (Murcia)
Mensajes: 241
Antigüedad: 17 años, 7 meses
Puntos: 18
Agrupación de divs

Hola querida comunidad!

Me ha surgido un interrogante que no logro encontrar por ningún lado. Resulta que estoy creando una página que se carga con contenido en una base de datos, es decir, es dinámica, según sea el contenido de la base de datos y mediante php le digo que opte por agruparse de las tres maneras siguientes según sea el resultado:


DIV 1:

<div style="position: relative; float: left; width: 200px; height: 150px; backround-image: url(imagen_bbdd);">
texto base de datos
</div>


DIV 2:

<div style="position: relative; float: left; width: 300px; height: 150px;">
<div style="position: relative; float: left; width: 200px; height: 150px; backround-image: url(imagen_bbdd);">
</div>
<div style="position: relative; float: left; width: 100px; height: 150px;">
texto base de datos
</div>
</div>


DIV 3:

<div style="position: relative; float: left; width: 300px; height: 150px;">
<div style="position: relative; float: left; width: 300px; height: 100px; backround-image: url(imagen_bbdd);">
</div>
<div style="position: relative; float: left; width: 300px; height: 50px;">
texto base de datos
</div>
</div>



Ahora bien, mi problema es que esto se me esta haciendo algo complicado, aunque aquí lo he puesto fácil tiene un trasfondo más complejo. Mi pregunta es:
¿Hay alguna forma de hacer esa agrupación al estilo de lo siguiente?:

//muestra todas las capas DIV 1 pero con una sola etiqueta
<etiqueta DIV 1 imagen_bbdd>
texto base de datos
</etiqueta>


//muestra todas las capas DIV 2 pero con una sola etiqueta
<etiqueta DIV 2 imagen_bbdd>
texto base de datos
</etiqueta>


//muestra todas las capas DIV 3 pero con una sola etiqueta
<etiqueta DIV 3 imagen_bbdd>
texto base de datos
</etiqueta>


Gracias y un saludo.


PD: lo he puesto en CSS porque creo que es la base de mi problema, pero estaría igualmente agradecido si, en el caso de que no se pudiera hacer con css, pudieran darme una solución en javascript.

Etiquetas: contenido, divs
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 15:01.