Foros del Web » Creando para Internet » CSS »

sobreponer dos imagenes

Estas en el tema de sobreponer dos imagenes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/09/2008, 07:28
 
Fecha de Ingreso: junio-2006
Mensajes: 9
Antigüedad: 17 años, 8 meses
Puntos: 0
sobreponer dos imagenes

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;
}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:40.