El 18 de abril de 2010 18:06, Jairo Ochoa <[email protected]> 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 <[email protected]> escribió: > > > El 18 de abril de 2010 14:43, Ignacio Ricci <[email protected] > > >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 <[email protected]> > > > > > > > Si, disculpa, tienes razon, aqui: http://pastie.org/925997 > > > > > > > > > > > > El 18 de abril de 2010 14:16, Gerardo Oscar Jimenez Tornos < > > > > [email protected]> 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 <[email protected]> > 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 > > [email protected] > > > > > > 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 > [email protected] > > > > > 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 [email protected] > > > > 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 [email protected] > > > 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 [email protected] > > 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 [email protected] > 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
