Algunas impreciciones

teleibatin · 10 Ene 2008, 21:05 · Solicitar retirada

:roll: Ubico tres errores en mi construccion a saber:
1) El menu no sale dentro de Este será la zona......sino debajo.
2) El color del lado derecho del menu es neutro.
3) La barra Pie no tiene 800px.

Acompaño Platilla HTML para su correción.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Plantilla General</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">
<ul>

<a href="#">Enlace 1

<a href="#">Enlace 2

<a href="#">Enlace 3

<a href="#">Enlace 4

<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>

Acompaño ESTILO

body {text-align: center}
body {background-color: #E6E6FA ; background-image: url(objetos/nubes111.JPEG) }
#global {width:800px ; margin: 4px auto }
* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: #CD853F}
#navegacion {background-color: #98FB98}

#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
a {color: brown ; text-decoration: none}
a: link {}
a: visited {}
a: hover {color:red; text-decoration:underline}
a: active {}

Gracias amigos

Yaneth · 10 Ene 2008, 21:50 · Solicitar retirada

hola

el problema es que has cerrado la div contenido antes

mira

<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">
<ul>

en rojo te he puesto el cierre de div que te sobra

lo quitas de ahi, y lo pones al final del menu

saludos

teleibatin · 11 Ene 2008, 14:22 · Solicitar retirada

:lol: :lol:

Gracias Yaneth por tu colaboración para corregir las inperfecciones.

Indudablemente debo mejorar lo visualizado en el curso y ser mas artesanal.

El tercer error indicado fue solucionado por deducción (de lo suyo) y observacion:..

<div id="contenido">Esta será la zona principal de la web
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div></div>
<div id="pie">Este es el pié de página</div>

Lo agregado en rojo fue mi solucion

No no me equivoco no estaría contemplado en el curso (je,je,) pero eso no quita que el HTML KIT por lo que vi hasta ahora es MONUMENTAL