Tras una tarde de intentos desesperado me rindo y os posteo para ver si alguno de vosotros me ayuda.
Mirar tengo una capa general,dentro de esta esta la capa banner y fondo.El problema llega aqui, a fondo quiero ponerle el menu,pero lo coloco con los margins y tal y se ve perfectamente colocado en el dreamweaver.Despues lo abro con cualquier navegador y me sale arriba del todo...Creo que lo he probado todo pero sigue sin ir.A continuacion dejo el codigo.
Mi objetivo es conseguir que la palabra Tabla este dentro de la capa fondo.
Ayudarme por favor!
Mirar tengo una capa general,dentro de esta esta la capa banner y fondo.El problema llega aqui, a fondo quiero ponerle el menu,pero lo coloco con los margins y tal y se ve perfectamente colocado en el dreamweaver.Despues lo abro con cualquier navegador y me sale arriba del todo...Creo que lo he probado todo pero sigue sin ir.A continuacion dejo el codigo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
.estilo1 a
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
}
.estilo1 a:hover
{
color:#660099;
body
{
text-align:center;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
#general
{
margin:0 auto 0 auto;
padding:5px;
width:800px;
height:1200px;
text-align:left;
border:1px solid;
}
#banner {
position:absolute;
width:200px;
height:115px;
z-index:1;
margin:0px 0px 0px 40px;
}
#fondo {
position:absolute;
width:200px;
height:115px;
z-index:2;
margin:180px 0px 0px 40px;
}
#tablamenu {
position:absolute;
width:200px;
height:115px;
z-index:3;
margin:300px 0px 0px 10px;
}
</style>
</head>
<body background="../Mis documentos/elrinconds/Imagenes/background.jpg">
<div id="general">
<div id="tablamenu">
TABLA</p>
<!-- <table width="200" border="0">
<tr>
<td scope="row" align="center"><span class="estilo1">Inicio</span></td>
</tr>
<tr>
<td scope="row" align="center"><span class="estilo1">Foro</span></td>
</tr>
<tr>
<td scope="row" align="center"><span class="estilo1"><a href="">Enlaces
Interesantes</a></span></td>
</tr>
</table>-->
</div>
<div id="banner">[contenido no disponible]</div>
<div id="fondo">[contenido no disponible]</div>
</div>
</body>
</html>
Mi objetivo es conseguir que la palabra Tabla este dentro de la capa fondo.
Ayudarme por favor!