Si, eso era, agruparlo a lo horizontal y no a lo vertical, listo http://www.pasteall.org/pic/show.php?id=2803 asi se evita la joroba de camello por una linea mas o una linea menos de parrafos, no se como no lo mire asi antes, cosas que pasan y quitan tiempo luego de verlo.
saludos feliz dia. _________________________ Los pocos que actúan son la envidia de los muchos que se conforman con mirar. Jim Rohn. El 18 de abril de 2010 19:31, José Diaz <joc...@gmail.com> escribió: > > > El 18 de abril de 2010 18:06, Jairo Ochoa <jairo.oc...@gmail.com>escribió: > > Dale a cada bloque foto-pie de foto un alto fijo y que el texto no lo >> supere, claro >> -- >> > > GRacias Jairo, no se si lo entendi bien, en todo caso, ya las capas tenian > un alto fijo (antes no pero ya habia probado esto), lo que habia pensado y > probare es el cambiar el contenido de 3 columnas por solo 2 filas, dos > capas, cada una con 3 imagenes con su respectivo parrafo y alinear esto en > css referente a sus lados derecha e izquierda, en vez de arriba y abajo en > margin o padding. Asi si un parrafo se muestra con una linea mas o una linea > menos en cualquier browser (porque esto varia por cada navegador, asi se me > mostro), no correra a la imagen y parrafo que tiene abajo, la capa de arriba > moveria hacia abajo toda la capa de abajo, asi creo, estaria siempre las 3 > imagenes alineadas con las que tiene al lado, y no terminar pareciendo > joroba de camello. Aunque atine en que casualmente varios parrafos tienen la > misma cantidad de lineas, no pense que las que no, moverian el contenido > debajo de este de esa forma (descuido mio) se me paso por alto. > > Muchas gracias, saludos :-) > > > >> >> Jairo Ochoa >> >> >> El 18 de abril de 2010 21:29, José Diaz <joc...@gmail.com> escribió: >> >> > El 18 de abril de 2010 14:43, Ignacio Ricci <ignacio.ri...@gmail.com >> > >escribió: >> > >> > > No entendi absolutamente NADA xD >> > > [image: Ignacio Ricci - Designer + Developer] >> > > >> > > >> > jajaja! ;) >> > >> > Si, estoy viendo lo del escrito porque como cada imagen tiene un escrio >> al >> > pie de esta, el parrafo que tiene una linea menos, esto hace que la >> imagen >> > de abajo respeta el 10px o 20px indicado entre parrafo e imagen, lo cual >> > hace que una imagen este un poco mas arriba o abajo con respecto a las >> > otras >> > de su misma hilera. >> > >> > Aqui http://www.pasteall.org/pic/show.php?id=2787 el parrafo de la 1era >> > imagen tiene una linea menos, sin embargo las imagenes estan alineadas >> pero >> > por ese espacio de una liena mas o una linea menos del parrafo, como que >> me >> > descuadra el margen entre el <p> y el <img>, y bueno, por ahi va la cosa >> :( >> > >> > >> > 2010/4/18 José Diaz <joc...@gmail.com> >> > > >> > > > Si, disculpa, tienes razon, aqui: http://pastie.org/925997 >> > > > >> > > > >> > > > El 18 de abril de 2010 14:16, Gerardo Oscar Jimenez Tornos < >> > > > gerardoosca...@gmail.com> escribió: >> > > > >> > > > > Hola, >> > > > > >> > > > > ¿ No puedes poner sencillamente el html que te genera el framework >> ? >> > > > > >> > > > > Un saludo >> > > > > >> > > > > Gerardo >> > > > > >> > > > > El 18 de abril de 2010 20:25, José Diaz <joc...@gmail.com> >> escribió: >> > > > > >> > > > > > Saludos >> > > > > > >> > > > > > Tengo un index que me presenta unos problemas en el div de >> > contenido >> > > > (no >> > > > > > tengo un div contenido padre, sino 3 div en el centro, entre >> > cabecera >> > > y >> > > > > > pies), no he podido ver aun en IE, tengo pendiente instalarlo >> (en >> > > > linux), >> > > > > > se >> > > > > > ve igual en Opera y Chromium, y algo mal en FF. Tengo esto >> > > > > > http://www.pasteall.org/pic/show.php?id=2773, aqui con bordes >> los >> > > div >> > > > > > http://www.pasteall.org/pic/show.php?id=2784 >> > > > > > >> > > > > > Una muestra de la situacion seria: >> > > > > > http://www.pasteall.org/pic/show.php?id=2785 donde la ultima >> > imagen >> > > se >> > > > > ha >> > > > > > movido de su posicion, en esta otra >> > > > > > http://www.pasteall.org/pic/show.php?id=2786 sucedio con la >> > primera >> > > > > imagen >> > > > > > de abajo. Si realizo un Zoom de acercamiento o alejandome de la >> > > pagina >> > > > > > sucede este descuadre. En vista normal estan todos bien en Opera >> y >> > > > > > Chromium, >> > > > > > en FF la ultima imagen derecha esta un poco mas arriba. >> > > > > > >> > > > > > Este es el CSS que ya he estado jugando con el cambiando y ver >> > entre >> > > > > margin >> > > > > > y padding: http://pastie.org/925919 colocando y quitando(en >> > > > comentarios) >> > > > > > algunas cosas. >> > > > > > >> > > > > > El codigo HTML lo ejemplifico a continuacion (no indico el >> codigo >> > > como >> > > > > tal >> > > > > > porque hago uso de un FrameworkPHP y uso Helpers) >> > > > > > Por ejemplo, no tengo <img src="ruta../imagen.ext" /> sino <?php >> > echo >> > > > > > Html::img('ruta.../archivo.ext','nombre','id=nombre_id') ?> >> entre >> > > > otros, >> > > > > > por >> > > > > > ejemplo, ademas de que el MVC me tiene gran parte del index como >> > una >> > > > > > plantilla .phtml y una vista .phtml (el contenido) que es donde >> > esta >> > > el >> > > > > > problema. >> > > > > > >> > > > > > Pero para dar un ejemplo del index este estaria formado de la >> > > siguiente >> > > > > > forma: http://pastie.org/925947 >> > > > > > >> > > > > > Antes tenia los div, asi: >> > > > > > div-izq, div-centro, div-der >> > > > > > >> > > > > > dentro del div-izq: [1 div para img1 y p], [1 div para img2 y >> p], >> > es >> > > > > > decir, >> > > > > > dos subdivs dentro del div-izq. >> > > > > > igual con los otros dos: div-centro y div-der. >> > > > > > >> > > > > > Luego cambie por quitar los 2 subdivs y tenerlo todo dentro de >> un >> > > solo >> > > > > div, >> > > > > > la separacion de los img y p, esta por margin o padding. Como >> sea >> > el >> > > > > caso, >> > > > > > siempre se descuadran un poco, todo esta en pixel (px). >> > > > > > >> > > > > > Muchas gracias por sus opiniones prestadas al caso :-) >> > > > > > Un cordial saludo. >> > > > > > _______________________________________________ >> > > > > > 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 >> > > > > > >> > > > > _______________________________________________ >> > > > > 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 >> > > > > >> > > > _______________________________________________ >> > > > 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 >> > > > >> > > _______________________________________________ >> > > 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 >> > > >> > _______________________________________________ >> > 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 >> > >> _______________________________________________ >> 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 >> > > _______________________________________________ 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
