Título: Centrar imagen en todo el centro de pantalla Publicado por: cael1011 en 23 Diciembre 2016, 07:09 am Tengo una imagen en la pagina pero deseo centrarla al centro de toda la pagina, este codigo utilizo para cambiar el tamaño.
Código Título: Re: Centrar imagen en todo el centro de pantalla Publicado por: Razzari en 24 Diciembre 2016, 01:47 am Si usas botstrap podés utilizar la clase "img-responsive" y otra clase "center-block", la primera para responsive y la segunda para centrala.
De lo contrario yo la pondría entre una etiqueta <center> para que me la centre horizontalmente y para que quede centrada verticalmente con CSS le daría algún margin-top:.. Con algún porcentaje. Espero te sirva, saludos Título: Re: Centrar imagen en todo el centro de pantalla Publicado por: cael1011 en 24 Diciembre 2016, 05:04 am Asi lo tengo pero aun no lo centro en medio de toda la pantalla
Código Código
Título: Re: Centrar imagen en todo el centro de pantalla Publicado por: Razzari en 24 Diciembre 2016, 07:55 am recorda que para usar las clases de bootstrap tenes que poner en tu header los siguientes link's:
antes que nada(bootstrap es una libreria de clases tanto de javascript como de CSS que ya viene con estilos escritos http://getbootstrap.com/ (http://getbootstrap.com/) ): Código
---------------- Código (le di responsividad y lo centre horizontalmente) el css yo probaria algo asi, Código (centro verticalmente) ------ Yo suelo usar bastante Bootstrap y otras librerias porque me hace desarrollar todo mas con ams facilidad, no obstante si te vas al archivo de boostrap y buscas por ejemplo en este caso la clase "img-responsive" ahi esta el codigo CSS de como hacer una imagen responsive etc. etc. Mod: Obligatorio el uso de etiquetas GeSHi. |