mejor lo veis, que queda más claro:
Código:
un saludo.<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ficha de Persoas</title>
<style>
#Contenedorficha{
width:95%;
margin-left: auto;
margin-right: auto;
height:auto;
}
#cuerpoficha{
margin:0px auto 15px auto;
width:100%;
background-color:#E7F4FF;
border: 1px solid #92CAF4
}
/*menu horizontal*/
#menuh {
margin:0px auto 0px auto;
font: 80%;
width:100%;
}
#menuh ul, li {
list-style-type: none;
}
#menuh ul {
margin: 0;
padding: 0;
}
#menuh li {
float: left;
}
#menuh a {
text-decoration: none;
color: #3366CC;
background: #FED966;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}
#menuh a#primero {
border-left: 1px solid #ACCFE8;
}
#menuh a:hover {
background: #DBEBF6;
}
#encabezadoformulario{
padding:3px 0 3px 5px;
background-color:#0A9DE6;
color:#FFFFFF;
font-weight:bold;
border-bottom:2px solid #ffffff;
}
#seccionesformulario{
border-bottom:2px solid #ffffff;
padding:2px 0 2px 5px;
background-color:#99cdff;
color:#FFFFFF;
font-weight:bold;
margin:0 0 10px 0;
}
</style>
</head>
<body>
<div id="Contenedorficha">
<div id="menuh">
<ul>
<li><a href="#menuh" id="primero">Inicio</a></li>
<li><a href="#menuh">Modificar Datos</a></li>
<li><a href="#menuh">Cambiar Confraría</a></li>
<li><a href="#menuh">Baixa Confraría</a></li>
<li><a href="#menuh">Baixa Definitiva</a></li>
</ul>
</div>
<div id="cuerpoficha">
<div id="cuerpoformularioalta">
<div id="encabezadoformulario">
Ficha Detallada de Persoas
</div>
<div id="seccionesformulario">
Datos persoais
</div>
</div>
</div>
</div>
</body>
</html>
Mode Lineal
