Hola ... :oops: Terminé la lección tercera, pero me aparecieron dos errores, que me traen....Primero: no me sale lo gris de los enlaces al pasarlos sobre el menú y las secciones, y no me salen los bordes left y right del pie de página.....ayuda..por favor....Gracias...
Mi url....marchivosltda.mypressonline.com/plantilla.html
Pego los movimientos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
Sección 1 Sección 2 Sección 3 Sección 4
</div>
<div id="contenido">
<div id="menu">
<h1>Título de sección 1</h1>
<ul>
Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>ESTA SERA LA ZONA PRINCIPAL DE LA WEB</h1> en la cual depositaré todo mi empeño por lograr manejar como nadie las web y convertirme en un web mastert de los mejores,<h2>claro con la ayuda de jorgens...jejeje..</h2>
después de todo es con su ayuda y su magnifica tutoría que lo voy a lograr,
claro que hasta ahora, estoy muy buñuelo y me falta mucho camino por recorrer, pero de todas formas entiendo que así todos los duchos comenzaron y lograron un buen manejo de las mismas.
De todas formas después con el tiempo, todo esto será un bonito recuerdo del cual me voy a sentir orgulloso, ya que nunca pensé en tirar la toalla y siempre mantuve el espiritu arriba para lograr el objetivo final.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
*{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-bottom:black 1px solid ; border-left:black 1px solid ; border-right:black 1px solid ; height: 85px}
#logotipo {background-color: white ; width:280px ; float: left }
#publicidad {background-color:white ; width: 518px ; float: right ; margin-top:25px ; font-size:16px}
#navegacion {background-color: gray ; border:black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left:180px }
#contenido {background-color: orange ; border-left:black 1px solid ; border-right:black 1px solid ; border-bottom:black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent:15px }
#menu { width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position:bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#menu h1 {text-decoration: none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px}
#menu h1 ()
#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: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color:silver }
a:hover (color: red ; text-decoration:underline ; background-color: silver }
a:active ()
Mi url....marchivosltda.mypressonline.com/plantilla.html
Pego los movimientos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de sección 1</h1>
<ul>
</div>
<h1>ESTA SERA LA ZONA PRINCIPAL DE LA WEB</h1> en la cual depositaré todo mi empeño por lograr manejar como nadie las web y convertirme en un web mastert de los mejores,<h2>claro con la ayuda de jorgens...jejeje..</h2>
después de todo es con su ayuda y su magnifica tutoría que lo voy a lograr,
claro que hasta ahora, estoy muy buñuelo y me falta mucho camino por recorrer, pero de todas formas entiendo que así todos los duchos comenzaron y lograron un buen manejo de las mismas.
De todas formas después con el tiempo, todo esto será un bonito recuerdo del cual me voy a sentir orgulloso, ya que nunca pensé en tirar la toalla y siempre mantuve el espiritu arriba para lograr el objetivo final.</p>
</div>
<div id="pie">Este es el pie de pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
*{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-bottom:black 1px solid ; border-left:black 1px solid ; border-right:black 1px solid ; height: 85px}
#logotipo {background-color: white ; width:280px ; float: left }
#publicidad {background-color:white ; width: 518px ; float: right ; margin-top:25px ; font-size:16px}
#navegacion {background-color: gray ; border:black 1px solid ; height:20px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul {margin-left:180px }
#contenido {background-color: orange ; border-left:black 1px solid ; border-right:black 1px solid ; border-bottom:black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent:15px }
#menu { width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position:bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin:4px 0px 4px 6px }
#menu h1 {text-decoration: none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px}
#menu h1 ()
#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: brown ; text-decoration:none ; display: block }
a:link ()
a:visited ()
a:hover {color:red ; text-decoration:underline ; background-color:silver }
a:hover (color: red ; text-decoration:underline ; background-color: silver }
a:active ()