Bueno parece que se me escapa algo mas por ahi porque el menu horizontal no es precisamente horizontal, ¿y cual es la causa por la que no aparece la imagen del banner?,asi pueden ayudarme.
Gracias por adelantado
PLANTILLA:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Plantilla 1</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
Seccion 1
Seccion 2
Seccion 3
Seccion 4
</div>
<div id="contenido">
<div id="menu">
<ul> Enalce 1 Enlace 2 Enlace 3
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en
cambio sigue siendo un párrafo pues no le he colocado aún la
etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo</h2>
En pocas lecciones aprenderé a
darle margenes para separarlos unos de otros, e incluso
hacerles sanguias por la izquierda a la primera línea, que
queda mucho mejor.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO-GENERAL:
* {text-indent:0px ; margin:0px; padding:0px ;border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue; font-weight: bold; text-decoration:underline; text-align:center}
h2 {font-size: 1.1em; color:blue; font-weight:bold; text-decoration: none; text-align: center}
body {text-align:center}
#global {width:800px ; margin:4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
#cabecera {background-color: white; border-left: black 1px solid;
border-right: black 1px solid; height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px; float:right}
#navegacion {background-color: gray; border: black 1px solid; float:left; height:20px}
#contenido {background-color: orange ; border-left: black 1px solid; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-ident: 15px}
#menu {background-color:yellow; width: 150px; float:left ; text-align:left; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color: white; border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
a {color:blue; font-size:1.3em; text-decoration:none}
a {color: brown ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
VISTA PREVIA: (http://vasco.mywebcommunity.org/plantilla.html)
Gracias por adelantado
PLANTILLA:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Plantilla 1</title>
<link rel="stylesheet" href="estilo-general.css"
type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>Esta sera la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en
cambio sigue siendo un párrafo pues no le he colocado aún la
etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo</h2>
En pocas lecciones aprenderé a
darle margenes para separarlos unos de otros, e incluso
hacerles sanguias por la izquierda a la primera línea, que
queda mucho mejor.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO-GENERAL:
* {text-indent:0px ; margin:0px; padding:0px ;border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue; font-weight: bold; text-decoration:underline; text-align:center}
h2 {font-size: 1.1em; color:blue; font-weight:bold; text-decoration: none; text-align: center}
body {text-align:center}
#global {width:800px ; margin:4px auto}
#curva-superior {background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
#cabecera {background-color: white; border-left: black 1px solid;
border-right: black 1px solid; height:85px}
#logotipo {width:280px; float:left}
#publicidad {width:518px; float:right}
#navegacion {background-color: gray; border: black 1px solid; float:left; height:20px}
#contenido {background-color: orange ; border-left: black 1px solid; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-ident: 15px}
#menu {background-color:yellow; width: 150px; float:left ; text-align:left; margin: 3px 10px 3px 3px}
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color: white; border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid}
#curva-inferior {background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat; width: 800px; height: 12px; overflow: hidden}
a {color:blue; font-size:1.3em; text-decoration:none}
a {color: brown ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
VISTA PREVIA: (http://vasco.mywebcommunity.org/plantilla.html)