atasco en la tercera lección

Mi plantilla: http://gsbrielnin.iespana.es/plantilla.htlm

<!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">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div> (encontre este fallito :x , pero no se acaba de ver bien)
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3
</div>
<h1>Esta será 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>


Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Mi 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 ; border: 1px solid black ; 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}
#navegacion {background-color: gray ; border: 1px solid black }
#contenido {background-color: orange ; border: 1px solid black ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; border: 1px solid black ; width: 150px ; float:left ; text-align:left ; margin-right: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px }
#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:active {}

¿ qué puede fallar me arde el coco.

Saludines.

YO No veo ningun fallo

tu web se mira bien

saludos

Yaneth, si te fijas en el borde exterior aparacen unas lineas que no se como soluciona.

Saludines.

NO soy Yaneth pero si aseptas mi ayuda mira esto

<!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">
<a href="index.html">
[img]objetos/logotipo.gif[/img]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][/list]
</div>
<h1>Esta será 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>


Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Mi 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 ; margin-top:25px}
#navegacion {background-color: gray ; border: 1px solid black }
#contenido {background-color: orange ; border: 1px solid black ; width: 798px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; border: 1px solid black ; width: 150px ; float:left ; text-align:left ; margin-right: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px }
#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:active {} 

Se que quieres una explicasion la cual boy a tratar de hacerla enterder mira en globa elimine #global {width:800px ; border: 1px solid black ; margin:4px auto } por la rason de queglobar se refiere a todo el contorno de la pagina, entonse si pones contorno en todo el borde no es nesesario ponerlo en las otras diviciones.
Espera todabia no termino en contenido cambie #contenido {background-color: orange ; border: 1px solid black ; width: 798px ; float:left } por la rason que el borde toma 1 PX y como son 2 esto es restar 2PX si fueran 5PX tendrias que quitarle 10PX espero me ayas entendido.

Pues claro que acepto tu valiosa ayuda y la de tod@s que quereis ayudarnos.

Lo miro y os cuento.

Saludines

GhostAir89, con solo quitar el border: 1px solid black
se soluciono.
Muchisimas Gracias.

Mi plantilla: http://gabrielnin.iespana.es/plantilla.htlm

<!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

</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 será 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>


Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

Mi estios g.

* {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 {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif.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-parte-superior.gif.gif) }
#pie {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 {}

.- No encuentro el eror,

hola
mira loq ue tienes

<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
</div>
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>

como veràs todo un enredo
deberia ser solamente asi

<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>

saludos

:oops: Si me lo decia mi padre, no por mucho correr amanece más deprisa.

Muchisimas gracias.

Saludines.

:wink:

:shock: no veo que sucede ahorita, pasa algo similar a lo que arreglo,
GhostAir89, pero creo que falle en alguna capa pero no lo veo leñe.

ya lo subiste?????

Si la subi ijate en el pie, en ambos lados sale parte de os bordes y en el contenido lado derecho tambien falta el borde.

Saludines.