1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Como centrar imagenes verticalmente en un div?

Tema en 'Programación y Diseño Web' iniciado por rojitas, 12 Abr 2008.

  1. rojitas

    rojitas Nuevo usuario

    Hola a todos, tengo este problema: estoy haciendo una galeria de imágenes y esta diseñado asi.... tengo un div que encierra toda la galeria y dentro estan varios div, uno para cada imagen, ahora las imagenes verticales se ven ok, porque llenan todo el div, pero las imagenes horizontales se pegan arriba y quisiera saber si hay alguna manera de centrarlas verticalmente en el div., para no estar editando cada una dandole el borde a cada una con el color de fondo. Para que se den una mejor idea, esta es la pagina que sigue en construccion: <a href="http://www.fotografiapaulinofarfan.com/galeria.html" target="_blank">Mi web</a> Por cierto ya intente vertical-alignment, pero no me funciono. Gracias de antemano! :arriba: <a href="http://www.fotografiapaulinofarfan.com/galeria.html" target="_blank">http://www.fotografiapaulinofarfan.com/galeria.html</a>
     
  2.  
  3. elQuique

    elQuique Usuario activo

    Bueno a mi no me gusta el centrado vertical, ya que mas aun si tiene un borde queda visualmente feo, pero la forma de centrarlo es que juegues con los margenes asi:

    <!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->
    div {
    &nbsp;&nbsp;&nbsp;&nbsp;position: absolute;
    &nbsp;&nbsp;&nbsp;&nbsp;left: 50%;
    &nbsp;&nbsp;&nbsp;&nbsp;top: 50%;
    &nbsp;&nbsp;&nbsp;&nbsp;width: 150px;
    &nbsp;&nbsp;&nbsp;&nbsp;height: 200px;
    &nbsp;&nbsp;&nbsp;&nbsp;margin-top: -100px;
    &nbsp;&nbsp;&nbsp;&nbsp;margin-left: -75px;

    &nbsp;&nbsp;&nbsp;&nbsp;overflow: auto;
    }
    <!--c2--></div><!--ec2-->
     
  4. rojitas

    rojitas Nuevo usuario

    Gracias por tu aporte elQuique, voy a probarlo, mira tengo otra duda y no se si lo puedes contestar aqui o hago otro tema, no hay ningun problema.
    como hago para incrustar flash, pero que sea válido?, estaba leyendo el método FlashSatay, la verdad me perdí un poco, pero creo que es anticuado se hizo en el 2002, hay otro método mejor, actualizado? sabes de alguno? Gracias!
     
  5. elQuique

    elQuique Usuario activo

    Si lo quieres valido y soporta javascript puedes usar el SWFObject o el mismo script que incrusta automático el Dreamweaver 8.0.2 o superior, y le quitas la parte de embebed.
     
  6. rojitas

    rojitas Nuevo usuario

    Bueno, primero para salir del apuro voy a borrar el embed que incrusta dreamweaver, pero parece bien interesante de del SWFObject, le voy a dar una leida y lo pongo en práctica. Gracias !
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·