Hola que tal, estoy empezando con esto de las css y estoy intentando maquetar una cosilla, me surje un problema que no tengo ni idea de por que es,
He creado una capa y dentro de esta he creado otra, dentro de la 2a capa quiero meter un texto pero no consigo hacerlo, la segunda capa me ocupa tan solo una pequeña parte de la primera capa pero al meter el texto no se me coloca dentro de la 2ª capa si no en la 1ª, ignorando la 2ª.
Este es el ejemplo grafico de como me queda, yo quiero que el texto este dentro de la capa que se ve en la esquina sup izq de la capa en la que está.
Mi codigo es este:
Código HTML:
<div id="apDiv1">
<div id="Ficha1">El Club</div>
</div> Código HTML:
}
#apDiv1 {
position:absolute;
left:50%;
top:120px;
width:600px;
height:70px;
z-index:1;
visibility: visible;
overflow: visible;
margin-left:-300px; /* la mitad de lo que mida de ancho */
}
#Ficha1 {
width:82px;
height:35px;
z-index:2;
font-family: Tahoma;
font-size: 12px;
text-align: center;
vertical-align: middle;
}
Estoy seguro que es un error de principiante pero no consigo verlo, a ver si alguien me puede echar una mano, Gracias¡