Texto sobre imagen | Foro WordPress

Boeing

3.0
Antiguedad: Dic 2011
Mensajes: 15
offline
Agradecimientos:5

Publicado hace 4 meses
#

¡Buenas!

Estoy modificación a fondo un theme para mi blog y tengo un pequeño problema que no soy capaz de resolver.

La cosa es que quiero ubicar un texto (la descripción del blog) encima de una imagen tal y como esta en la cabecera del blog de ayudawordpress:

Ya se que la solución mas fácil seria añadir la frase a la imagen, pero la modifico a menudo y de esta manera seria mas fácil.

¿Como podría hacerlo?

El código del banner seria este:

< div id="logo" ><a>/" ><img />" alt="< ?php echo get_option('mdo_logo_alt'); ? >" / ></a>< span >< ?php echo get_settings('blogdescription');? >< /span >< /div >

Y esta la parte del css:

#logo {

position:absolute;
left:0;
top:76px;

}

#logo img {

border:none;

}

#logo span {

display:block;
padding-left:5px;
padding-top:5px;
text-transform:uppercase;
color:#999999;
font-size:12px;

}
Boeing

3.0
Antiguedad: Dic 2011
Mensajes: 15
offline
Agradecimientos:5

Publicado hace 4 meses
#

Vale, acabo de descubrir firebug y gracias a eso conseguí solucionarlo.

Solamente habia que añadir lo siguiente al campo "#logo span":

position: relative;
top: -XXpx;

Asi lo deje yo:

#logo span {

display:block;
padding-left:125px;
padding-top:5px;
text-transform:uppercase;
color:#999999;
font-size:12px;
position: relative;
top: -25px;

}

¡Saludos!

Responder

Debes Identificarte para publicar.