se me entrevero todo

HTML · 1 Oct 2007, 21:44 · Solicitar retirada

se me entrevero todo y no puedo arreglarlo

plantilla:

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

estilo-general.css
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
#menu {................... margin:3px 10px 3px 3px}
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}
border: 1px solid black ;

que tengo mal :?: :?: :?:

HTML · 1 Oct 2007, 22:18 · Solicitar retirada

soy un desastre tengo un problema cada 5 segundos :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry: :cry:

Yaneth · 1 Oct 2007, 22:42 · Solicitar retirada

Hola

Primero que nada me gustaría que me aclararas que es lo que tu ves mal
ya que no se que es lo que intentas hacer

supongo que estás siguiendo el curso verdad

te iré poniendo aqui los errores que yo vea:

<div id="curva-superior"></div>

con esto llamas a la curva superior en la hoja de estilo,
pero no la veo por ningun lado

veo que tambien tienes esto:

#menu {................... margin:3px 10px 3px 3px}

cuando Jorgens nos indica esta linea nos aclara que esto hay que agregarlo a lo que ya tenemos en #menu

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }

tambien tienes esto en la plantilla

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

pero en la hoja de estilos no hay referencia alguna de curva-superior

saludos

HTML · 1 Oct 2007, 23:28 · Solicitar retirada

y ahora esta bien?

estilo-general.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: withe ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
}
#logotipo {background-color: brown ; width:280px ; float:left }
#publicidad {background-color: pink ; width:518px ; float:right }
#navegacion {background-color: gray ; border-left: black 1px solid ; border-right: black 1px solid }
}
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: withe }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
border: 1px solid black ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
#curva-superior { background-image: url(objetos/curva-superior.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 {}
p {text-align: justify}
#menu {margin:3px 10px 3px 3px}
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}

plantilla:

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

URL:

http://webejemplo.mywebcommunity.org/plantilla.html

Yaneth · 2 Oct 2007, 00:16 · Solicitar retirada

Si, solo que la frase que dice
"bienvenidos a mi web" debe estar a un lado del logotipo

<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

y tu has cerrado antes, por eso se ve abajo

saludos