Dado que las capas no me convencieron me decidi por maquetar en tablas usando css.....
El problema es que se visualisa mal menuhorisontal,menuhorisontalcuadradito,horisontal 2.....
Se ven como decorridos los fondos...... en ie se ve perfecto...
Archivo html:
Código:
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="pagina">
<tr>
<td valign="top"><table width="779" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="arriba1"><img src="../Images/transparente.gif" width="25" height="15"/></td>
</tr>
<tr>
<td height="59" colspan="3" class="arriba2"></td>
</tr>
<tr>
<td class="menuhorisontal"></td>
<td class="menuhorisontalcuadradito"></td>
<td class="horisontal2"></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Archivo css:
Código:
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCCCCC;
}.arriba1 {
background-image: url(../Images/design_01.gif);
}
.arriba2 {
background-image: url(../Images/design_02.gif);
}
.menuhorisontal {
background-image: url(../Images/Design2-remix_02.gif);
width:123px;
height:24px;
}
.menuhorisontalcuadradito {
background-image: url(../Images/Design2-remix_03.gif);
width:17px;
}
.horisontal2 {
background-image: url(../Images/Desing2-remix_04.gif);
width:638;
}
.pagina {
width:779px;
height:321px;
margin-right: auto;
margin-left: auto;
}
Salu2