Saludos a todos:
Quiero poner una imagen encima de otra, una tiene forma de "L" invertida, y ese vacio lo hice transparente pensaba que al ser trasparente no existiria y podria poner ahi cualquier cosa, pero parece que no, Mi pregunta es ¿como podria rellenar ese hueco? con una imagen o con un menu. como el que figura en este codigo
Bueno to hice esto:
/*imagen de la L*/
.imagen { background-image: url(../imagenes/letra_L.png);
background-repeat:no-repeat;
background-attachment:fixed;
width:997px;
height:530px;
background-position:20px 20px; z-index:0; /*aqui creo que hay un error pues deberia de ser o absolute o relative pero tampoco va, y es que ademas se arrima demasiado a los lados superior e izquierda del navegador y me estropea la "L"*/
}
/*barra del menu*/
ul.menu {
list-style-type:none;
width:auto;
position:relative;z-index:1;
display:block;
height:35px;/*altura de la barra del menu*/
font-size:.85em;/*tamaño de las fuentes de la barra del menu*/
background-image:url(../imagenes/bg.png);
background-repeat: repeat-x;
background-position:top center;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0px 20px 0 155px;
padding:0px 0px 0px 0px;}
ul.menu li {
display:block;
float:right;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0px;
font-weight:normal;
}
ul.menu li a:hover,.current {
color:#fff;
background:url(../imagenes/bg.png);
background-repeat:repeat-x;
background-position:top;
text-decoration:none;
}
ul.menu .current a {
color:#fff;
font-weight:700;
}
/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}
