@Martin: No lo tiene @Placido: Se le debe poner medidas a las imagenes?
Saludos Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com / reynie...@yahoo.com 2011/5/25 Plácido Luna <octubre196...@gmail.com> > La imagen sin medidas? > > *Plácido Luna* > http://www.octubre.com.uy > (+598) 99 942723 > > > > 2011/5/25 Martín Szyszlican <marti...@gmail.com> > > > El primer div, <div class="grid_2 alpha"> debería tener overflow: hidden > > > > Lo tiene? > > > > El 25 de mayo de 2011 15:38, reynie...@gmail.com <reynie...@gmail.com > > >escribió: > > > > > Justo eso es lo que tengo :) > > > > > > <div class="grid_2 alpha"> > > > <img class="image" title="Please enter your login details." > > alt="Please > > > enter your login details." src="view/image/login.png"> > > > </div> > > > <div class="grid_2 omega"> > > > Username:<br> > > > <input type="text" style="margin-top: 4px;" value="" > > > name="username"> > > > <br> > > > Password:<br> > > > <input type="password" style="margin-top: 4px;" value="" > > > name="password"> > > > </div> > > > > > > Ing. Reynier Pérez Mira > > > Cel: +58 416.921.7406 / 416.012.1226 > > > Twitter: twitter.com/reypm > > > Correo: reynie...@gmail.com / reynie...@hotmail.com / > > reynie...@yahoo.com > > > > > > > > > > > > 2011/5/25 Martín Szyszlican <marti...@gmail.com> > > > > > > > ¿Por qué permitís que la imágen se vaya encima del formulario? > > > > Podés hacer dos DIVs, uno para la imágen y otro para el formulario, > > > ambos > > > > con 50% de ancho (por ejemplo), entonces la imágen que está adentro > de > > > uno > > > > de los divs nunca podrá pasarse al otro lado por el overflow:hidden > > > > > > > > Se entiende? > > > > > > > > Martín. > > > > > > > > El 25 de mayo de 2011 15:24, reynie...@gmail.com < > reynie...@gmail.com > > > > >escribió: > > > > > > > > > El problema, creo es que la imagen no se mueve de lugar. La imagen > > > tiene > > > > un > > > > > tamaño fijo XxY no se si poniendole un porcentaje la misma se pueda > > > > > reducir. > > > > > Aqui les va un pantallazo http://www.dropmocks.com/mVio4 la > primera > > > > imagen > > > > > es en una resolucion de 800x600 obvio y la segunda en 1920x1080. > > > > > > > > > > PD: Sabe alguien como configurar Gmail (via web) para que me ponga > > las > > > > > respuestas debajo de las que ustedes me dan a mi? > > > > > > > > > > Ing. Reynier Pérez Mira > > > > > Cel: +58 416.921.7406 / 416.012.1226 > > > > > Twitter: twitter.com/reypm > > > > > Correo: reynie...@gmail.com / reynie...@hotmail.com / > > > > reynie...@yahoo.com > > > > > > > > > > > > > > > > > > > > 2011/5/25 Martín Szyszlican <marti...@gmail.com> > > > > > > > > > > > ¿Qué es lo que ocurre cuando achicás la ventana? > > > > > > > > > > > > Si el problema es que la imágen excede al div, este debe llevar > un > > > > > > overflow: > > > > > > hidden para evitarlo, de forma que sólo se mostraría la parte > > central > > > > de > > > > > la > > > > > > imágen. Otra posibilidad sería que el tamaño mismo de la imágen > sea > > > > > > porcentual, para lo cuál convendría tener una imágen bastante > > grande, > > > > de > > > > > > esta forma el navegador reduciría el tamaño de la imágen al del > > div. > > > > > Habría > > > > > > que tener en cuenta que algunos navegadores viejos rompen un poco > > las > > > > > > imágenes al cambiarles el tamaño. > > > > > > > > > > > > ¿Era ese el problema? ¿Podés mostrar un ejemplo? > > > > > > > > > > > > Martín. > > > > > > > > > > > > El 25 de mayo de 2011 15:13, reynie...@gmail.com < > > > reynie...@gmail.com > > > > > > >escribió: > > > > > > > > > > > > > Hola listeros: > > > > > > > Estoy realizando un diseño con 960.gs y todo perfecto pero me > he > > > > > > > encontrado > > > > > > > con un pequeño problema que no logro resolver. Tengo un DIV > > > > contenedor > > > > > > con > > > > > > > una imagen dentro (ver codigo debajo) y necesito que esa imagen > > > quede > > > > > > > centrada siempre tanto vertical como horizontalmente para asi > > poder > > > > > tener > > > > > > > un > > > > > > > diseño fluido/elastico de forma tal que cuando la resolucion de > > los > > > > > > > monitores sea menor entonces todo quede de la misma forma ;). > > Este > > > es > > > > > el > > > > > > > HTML asociado: > > > > > > > > > > > > > > <div class="grid_2 alpha"> > > > > > > > <img src="view/image/login.png" alt="<?php echo > > $text_login; > > > > ?>" > > > > > > > title="<?php echo $text_login; ?>" class="image" /> > > > > > > > </div> > > > > > > > > > > > > > > He intentado con este codigo CSS: * > > > > > > > .image{position:relative;top:50%;left:50%;}* y se centra bien > > pero > > > > solo > > > > > > en > > > > > > > altas resoluciones como la mia que es 1900x1080 pero si uso > > > > > WebDeveloper > > > > > > > (extension de FF) y redimensiono a 800x600 paff todo se echa a > > > > perder. > > > > > > > Alguna ayuda? > > > > > > > > > > > > > > Saludos > > > > > > > Ing. Reynier Pérez Mira > > > > > > > Cel: +58 416.921.7406 / 416.012.1226 > > > > > > > Twitter: twitter.com/reypm > > > > > > > Correo: reynie...@gmail.com / reynie...@hotmail.com / > > > > > > reynie...@yahoo.com > > > > > > > _______________________________________________ > > > > > > > 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 > _______________________________________________ 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
