Título: [Resuelto] centrar imagen posicion absoluta Publicado por: Thryks en 6 Septiembre 2015, 16:07 pm Buenas, resulta que estoy tratando de centrar una imagen encima de otra y aunque he conseguido hacer la imagen absoluta sea redonda y tenga más o menos las características que necesito el problema es que la imagen que está encima no se centra correctamente sino que aparecea la izquierda totalmente a pesar de averle quitado el float, nosé si es un fallo que se me ha pasado o si es que tengo que utilizar alguna clase de bootstrap para esto, intenté utilizar center-block pero no me surte efecto. Os dejo el html y el css para que podais comprobar si está todo correcto.
Código y este es el css: Código
No pretendo que me hagan el trabajo ni mucho menos solo que me digan si existe alguna clase específica para centrar esta imagen en el centro y si es así si existiría alguna incompatibilidad con los atributos que refleja el css. El navegador que estoy usando es mozilla. Gracias de antemano por leer. MODIFICO: Os pongo una captura de como queda la imagen para que veais a que me refiero con que no está bien centrada. (http://i59.tinypic.com/e1431v.jpg) Título: Re: centrar imagen posicion absoluta Publicado por: DeMoNcRaZy en 6 Septiembre 2015, 16:38 pm Prueba a utilizar la etiqueta:
Código
En la clase madre, e intenta ajustarla haber. Prueba y coméntanos. Saludos. Título: Re: centrar imagen posicion absoluta Publicado por: Thryks en 6 Septiembre 2015, 16:42 pm Ya lo he solucionado, el problema estaba en que necesitaba poner un div y un text-align como atributo de ese div, después en la clase imagen-peq-red he quitado la position:absolute y funciona correctamente.
Gracias igualmente por todo, dejo debajo como lo he solucionado. Así me ha quedado el html: Código Y este es el css: Código PD: Gracias por responder YuseTist |