Buenas: como estan, tengo un problema que mas que de drupal es de css, pero como este es el foro que siempre me da respuestas, y en realidad tema que me este chocando contra la pared de los archivos css aportados por drupa jijil, les consulto.
el tema es asi, estoy trabajando en un sitio en drupal 6, que en el home muestras, dentro de las zona de contenidos, 9 bloques de igual tamaño, dispuestos en una grilla de 3x3, cada uno es un bloque muestra una vista de 3 tipos de datos, y que pueden pertenecer a 3 categorias, de ahi la idea de mostrar la grilla
categorias (vertical)xtipos de datos(hotizontal)
l idea es mostra en cada fila, una noticia, un evento y un video de cada categoria.
eso se ha resuelto sin problemas,
el problema que nos escontramos es que el criente que cada uno de esos bloque este fijo, que no flote y asi, si alguna de las ocurrencias (categoriaxtipodedato) no se produce la grilla se mantengo y solo falte el bloque correspondiente.
los bloques tiene id del tipo #block-views-HOME-block_x
aho bien, de manera flotante, la grilla se arma perfectamente, pero si falta uno de los items, el bloque continuo toma el lugar del faltante y se rompe el diseño, (cada fila respeta titulos y estilos del color de la categoria correspondiente)
la pregunta es, como hago para armar una grilla con los bloques fijos mediante css, yo había usado position: absolute y con top y left, les daba las coordenadas correspondientes, pero al hacer esto,la grilla se genera perfectamente, pero el contenido no se muestra, esto lo se porque usando firebug, y posicionandome sobre los bloques me va mostrando los mismos remarcados
alguien tiene idea de porque no me esta mostrando los bloques pero si dispone el espacio para los mismos?
para que solo me muestre los bloques sin contenidos estoy udando el modulo unwelcome, y las disposicion de los bloque en el home lo hago mediante el modulo context, si uso simplemente los bloques tampoco funciona.
les dejo una idea de la grilla...
saludos y espero puedan ayudarme, ya no se que mas leer y probar.
| Attachment | Size |
|---|---|
| grilla-completa.jpg | 331 KB |
| grilla-con-items-faltantes.jpg | 251.83 KB |
Comments
960 o condicionales
hola,
si hablamos de grilla te sugiero que le tires un vistazo al theme de 960.gs para drupal: http://drupal.org/project/ninesixty. entre sus funcionalidades existe una funcion: "ns()" que precisamente te permite ajustar las grillas de manera dinamica. por ahi en tu caso una opcion mas sencilla seria sencillamente generar la grilla completa imprimiendo contenido en los bloques que tengan informacion y un div vacio (con un &npsp; al menos) cuando no haya nada para ahi. En vez de imprimir el bloque, usas una condicional que imprima el bloque dentro del div si existe contenido o algun placeholder si no. Si lo haces en el tpl.php, seria un if, si usas una view, creo que puedes usar un output que decidas si la view no encuentra resultados.
saludos
No lo probé, pero una idea es
No lo probé, pero una idea es crear 3 div, uno por columna con min-width, y dentro de cada uno ubicar los block con position: relative.
Algo así:
<div style="float:left; min-height: 600px; min-width:30%; display:inline-block" class="column column-1">
</div>
<div style="float:left; min-height: 600px; min-width:30%; display:inline-block" class="column column-2">
<div style="min-height:200px; position:relative; top:0" class="block-row row1">hola</div>
<div style="min-height:200px; position:relative; top:400px%" class="block-row row3">hola</div>
</div>
<div style="float:left; min-height: 600px; min-width:30%; display:inline-block" class="column column-3">
<div style="min-height:200px; position:relative; top:0" class="block-row row1">hola</div>
<div style="min-height:200px; position:relative; top:200px" class="block-row row2">hola</div>
<div style="min-height:200px; position:relative; top:400px" class="block-row row3">hola</div>
</div>
Por la forma en la que estan
Por la forma en la que estan dispuestos lo bloques parece mas contenido tabular, no? Probaste meterlos en una tabla?
ya pude solucionarlo
al final solo era un tema de csss, y un min-height del contenedor, sin el cual no podia mostrar lo que ya estaba ahi. saludos y mil gracias por las respuestas!!!!
Diseñador Web
www.cadapixelcuenta.com.ar