El problema basicamente es que cuando borre todos los párrafos y esas cosas, la plantilla se me desarmo, la capa contenido se salio de los márgenes dichos, el menú lateral se corrío, la capa pie se salió de sus márgenes, pero me quede tranquilo porque más adelante en la lección dijeron que eso se solucionaría colocándole nuevamente parrafo. Muy feliz avance jajaja, pero lamentablmente en la lección sexta, llene párrafos y la web sigue desarmado, mis codigos para que me digan que hago mal please. Cuidense, y la página es lejos la mejor :D....Son mejores que los profesores de las Universidades :D No les dejo la foto del error, porque no se subir imágenes a los foros :oops:
Código HTML de la plantilla HISTORIA.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Historia de la banda</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>
<div id="navegacion"><ul>
Portada Historia Discografía Conciertos Descargas Foro Souvenirs
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titulo de Sección 1</h1>
Enlace 1 Enalce 2 Enlace 3Enlace 4
</div>
<h1>Esta es la historia de la banda</h1>
La banda nació en 1982, cuando tras ver por la tele un concierto de
Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo?
Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra.
Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio,
empezaron a ensayar en el garaje de uno de ellos.
Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así.
Más tarde Pepito empezó a escribir algunas letras a las que pusieron música.
Así nació la banda, imagino que, igual que muchas otras</p>
-</p>
-</p>
Así es como se organizaron y comenzaron su aventura,
para tocar en las grandes escenarios de la vida</p>
</div>
<div id="pie">
<div id ="pieuno"><ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id ="piedos">pie dos</div>
<div id ="pietres"><ul>
Directorio TopSite Mapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</body>
</html>
Codigo CSS, de la hoja comun estilos-general.css
* {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 ; 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 }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-curva-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
#menu li { list-style:none ; margin:4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top: 12px ;
background-image: url(objetos/menu-curva-superior.gif)}
#pie {background-color:white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height:65px }
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#pie a {color:blue ; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white}
#pie a:active {color:black}
Bueno si ven otro problema me avisan porfa :D.....
Muchas Gracias :wink:
Código HTML de la plantilla HISTORIA.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Historia de la banda</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>
<div id="navegacion"><ul>
</div>
<div id="contenido">
<div id="menu">
<ul><h1>Titulo de Sección 1</h1>
</div>
<h1>Esta es la historia de la banda</h1>
La banda nació en 1982, cuando tras ver por la tele un concierto de
Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo?
Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra.
Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio,
empezaron a ensayar en el garaje de uno de ellos.
Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así.
Más tarde Pepito empezó a escribir algunas letras a las que pusieron música.
Así nació la banda, imagino que, igual que muchas otras</p>
-</p>
-</p>
Así es como se organizaron y comenzaron su aventura,
para tocar en las grandes escenarios de la vida</p>
</div>
<div id="pie">
<div id ="pieuno"><ul>
</div>
<div id ="piedos">pie dos</div>
<div id ="pietres"><ul>
</div>
</div>
<div id="curva-inferior"></div>
</body>
</html>
Codigo CSS, de la hoja comun estilos-general.css
* {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 ; 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 }
#contenido p {padding:5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-curva-inferior.gif) ; background-position: bottom ; padding-bottom: 5px}
#menu li { list-style:none ; margin:4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top: 12px ;
background-image: url(objetos/menu-curva-superior.gif)}
#pie {background-color:white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
height:65px }
#pie li {list-style: none ; font-size: 12px}
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#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:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#pie a {color:blue ; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white}
#pie a:active {color:black}
Bueno si ven otro problema me avisan porfa :D.....
Muchas Gracias :wink: