Re: [Ovillo] Mi diseño liquido no fluye

2008-08-23 Por tema alarkspur 
Muy amables por la ayuda, voy a echar un vistazo al enlace que  
comentáis y seguir probando con vuestros consejos para dar con la  
mejor solución.

Muchas gracias.
Saludos.


El 22/08/2008, a las 20:52, Ignacio Ricci escribió:

 Si ya lo se xanfran, es verdad lo que decís. Pero consideré que la  
 sección
 del medio era la más larga.

 Si no es así, ya es un tema de equal-height cols:
 http://www.positioniseverything.net/articles/onetruelayout/equalheight

 O como solución más simple, que la sección media tenga un min- 
 height mayor
 al alto total de la 3ra columna.
 Eso ya dependerá del diseño en cuestión


 On Fri, Aug 22, 2008 at 3:39 PM, xanfran [EMAIL PROTECTED] wrote:

 A lo mejor me expliqué mal.

 Aprovechando tu ejemplo:

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 meta http-equiv=Content-Type content=text/html; charset=utf-8 /
 titleUntitled Document/title
 style type=text/css
  .contenedor {width:100%; margin:30px auto;}
  .div1 {float:left; width:25%; background:yellow;}
  .div2 {float:left; width:25%; background:lime;}
  .div3 {background:red;}
 /style
 /head

 body

  div class=contenedor
  div class=div1Contenido 1/div
  div class=div2Contenido 2/div
   div class=div3Lorem ipsum dolor sit amet, consectetuer
 adipiscing
 elit. Phasellus ac libero sed massa fermentum pretium. Duis vehicula.
 Phasellus et elit at enim vestibulum posuere. Donec malesuada,  
 augue vitae
 elementum ornare, lacus enim porta est, nec laoreet diam purus eu  
 lacus.
 Cras viverra, massa vitae mattis convallis, urna ante porttitor  
 lorem, vel
 sodales leo ipsum ut tortor. Sed in leo quis leo malesuada  
 tincidunt. Nunc
 vestibulum ipsum vitae dui. Sed elementum sapien ac ante. Donec  
 fermentum,
 tellus in malesuada feugiat, pede lectus iaculis ipsum, ut blandit  
 risus
 nulla a risus. Pellentesque viverra, metus vel sollicitudin rutrum,  
 risus
 pede scelerisque leo, quis adipiscing magna eros non mi. Morbi lectus
 mauris, rutrum ac, tristique non, tincidunt vitae, tellus.  
 Suspendisse
 potenti. Donec ligula dui, porta id, viverra et, molestie ut, lectus.
 Mauris
 hendrerit quam non eros. Vivamus volutpat. Nulla feugiat molestie  
 risus.
 Mauris non metus sit amet orci rhoncus commodo. Duis quam. Praesent  
 pretium
 est vel lorem./div
   /div

  div class=contenedor
  div class=div2Contenido 2/div
   div class=div3Lorem ipsum dolor sit amet, consectetuer
 adipiscing
 elit. Phasellus ac libero sed massa fermentum pretium. Duis vehicula.
 Phasellus et elit at enim vestibulum posuere. Donec malesuada,  
 augue vitae
 elementum ornare, lacus enim porta est, nec laoreet diam purus eu  
 lacus.
 Cras viverra, massa vitae mattis convallis, urna ante porttitor  
 lorem, vel
 sodales leo ipsum ut tortor. Sed in leo quis leo malesuada  
 tincidunt. Nunc
 vestibulum ipsum vitae dui. Sed elementum sapien ac ante. Donec  
 fermentum,
 tellus in malesuada feugiat, pede lectus iaculis ipsum, ut blandit  
 risus
 nulla a risus. Pellentesque viverra, metus vel sollicitudin rutrum,  
 risus
 pede scelerisque leo, quis adipiscing magna eros non mi. Morbi lectus
 mauris, rutrum ac, tristique non, tincidunt vitae, tellus.  
 Suspendisse
 potenti. Donec ligula dui, porta id, viverra et, molestie ut, lectus.
 Mauris
 hendrerit quam non eros. Vivamus volutpat. Nulla feugiat molestie  
 risus.
 Mauris non metus sit amet orci rhoncus commodo. Duis quam. Praesent  
 pretium
 est vel lorem./div
   /div

 /body
 /html

 2008/8/22 Ignacio Ricci [EMAIL PROTECTED]

 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 meta http-equiv=Content-Type content=text/html;  
 charset=utf-8 /
 titleUntitled Document/title
 style type=text/css
   .contenedor {width:100%; margin:30px auto;}
   .div1 {float:left; width:25%; background:yellow;}
   .div2 {float:left; width:25%; background:lime;}
   .div3 {background:red;}
 /style
 /head

 body

   div class=contenedor
   div class=div1Contenido 1/div
   div class=div2Contenido 2/div
   div class=div3Contenido 3/div
   /div

   div class=contenedor
   div class=div2Contenido 2/div
   div class=div3Contenido 3/div
   /div

 /body
 /html












 2008/8/22 Ignacio Ricci [EMAIL PROTECTED]

 Es CSS básico... Pruebenlo.


 2008/8/22 xanfran [EMAIL PROTECTED]

 Hola Ignacio

 ¿Y eso funciona? Lo digo porque creo que si el contenido de la  
 columna
 #derecha es mayor que la de # medio, el contenido de #derecha  
 acabará
 posicionándose debajo de #medio.

 La solución de Almorca si que la veo más correcta. Sumar a la  
 columna
 que
 se
 desea, el ancho de la columna que ocultas, para que las columnas  
 que
 queden
 visibles, ocupen el 100%

 2008/8/22 Ignacio Ricci [EMAIL PROTECTED]

 Fácil:

 *#derecha {}*

 Que no flote, y que no tenga ancho.

Re: [Ovillo] gallery

2008-08-23 Por tema SkuNk 
El 18 de agosto de 2008 11:49, Tei [EMAIL PROTECTED] escribió:

 2008/8/17 Vanesa [EMAIL PROTECTED]:
 ..
  He estado mirando recursos en la web, que pueda permitirme hacer esto de
 manera sencilla, pero que no salga muy perjudicado el diseño... en fin... He
 visto un software libre (en PHP) llamado Gallery. Varias preguntas
  - ¿alguien lo ha usado?

 Si, bueno.. yo he usado Gallery2.

  - ¿es sencillo para una nula en programación como yo?

 No, nada en absoluto.
 De hecho, el sistema de themes utiliza de forma farragosa smarty.
 Y fuera del sistema de themes, tienes una leonera de OOP con MVC y
 otros patrones de diseño.

  - ¿hay posibilidades reales de customización con CSS, o queda muy a
 prefabricado?

 Si, usa el concepto de template. Asi que deberia ser posible amoldarlo
 bastante a una estetica, siempre y cuando no pretendas cambiar el
 comportamiento demasiado. La gente hace maravillas, pero me da la
 sensacion que a traves de enmarranarse en el codigo.

 Con enmarranarse, quiero decir en meter mano en codigo como este
 (parte de album.pl):
 ---
{assign var=childrenInColumnCount value=0}
div class=gbBlock
  table id=gsThumbMatrix
tr valign=top
  {foreach from=$theme.children item=child}

  {* Move to a new row *}
  {if ($childrenInColumnCount == $theme.params.columns)}
/tr
tr valign=top
  {assign var=childrenInColumnCount value=0}
  {/if}

  {assign var=childrenInColumnCount
 value=`$childrenInColumnCount+1`}
{if ($child.canContainChildren || $child.entityType ==
 'GalleryLinkItem')}
{assign var=frameType value=albumFrame}
{else}
{assign var=frameType value=itemFrame}
{/if}
{if ($frameType == 'itemFrame')}
td class={if $child.canContainChildren}giAlbumCell
 gcBackground1{else}giItemCell{/if}
  style=width: {$theme.columnWidthPct}%

div 
  {if isset($theme.params.$frameType) 
 isset($child.thumbnail)}
{g-container type=imageframe.ImageFrame
 frame=$theme.params.$frameType
  width=$child.thumbnail.width
 height=$child.thumbnail.height}
  a href={g-url arg1=view=core.ShowItem
 arg2=itemId=`$child.id`}
{g-image id=%ID% item=$child
 image=$child.thumbnail
 class=%CLASS% giThumbnail}
  /a
{/g-container}
  {elseif isset($child.thumbnail)}
a href={g-url arg1=view=core.ShowItem
 arg2=itemId=`$child.id`}
  {g-image item=$child image=$child.thumbnail
 class=giThumbnail}
/a
  {else}
 ---
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo


Tei,

¿Podrías incluir el enlace del Gallery que mencionas? En google me salen
muchos resultados y no sé de cual estáis hablando, no lo conocía.

A mi si me parece interesante, precisamente eso es Smarty y no lo veo tan
tedioso. Lo utilizo a diario y a pesar de que algunas plantillas puedan
parecer sopas de código en algunos casos, esos son para cubrir alguna
necesidad de 'helper' que apenas requieren retoques de maquetación entre
cambios de diseño. Por lo que al final no creo que sea tan complicado el
personalizar la interfaz, puede que si laborioso, pero eso dependerá del
grado de personalización.

Saludos y gracias por el aporte.

-- 
Philipp Keweloh
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo