Hola, os cuento lo que me pasa yo tengo una imagen, ok, pues esta imagen la tengo centrada en mitad de la web (la web va a ser la informacion y todas las imagenes en el centro y por el resto de la pagina nada en blanco)
Y ahora viene el problema yo quiero poner unos textos encima de la imagen en posiciones especificas a si que tengo esto:
<style>
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #FFDEAD;
text-align: center}
}
#Campañas {
position: absolute;
top: 210px;
left: 140px;
color: #FFF;
font-size:20px;
}
.container{
}
</style>
<body>
<div class="container">
<img src="imagenes/prueba.png" alt="" title="" />
<div id="Campañas">Campañas</div>
</div>
</body>
Lo que pasa es que si no alineo la imagen al centro de la pantalla y se queda pegada en el lado izquierdo, el texto se queda en sus posiciones especificas y todo bien, pero cuando alineo la imagen ya el texto se descoloca y a un que lo vuelva a poner con la imagen centrada, al mirarlo en los navegadores se descoloca etc...
Yo pienso que es por el centrado de la imagen, pero no se exactamente, me gustaria que me dijerais alguna solucion
Gracias