leccion 4

edcovi · 27 Jul 2009, 12:37 · Solicitar retirada

Hola otra vez amigos.
En la leccion 4 en "menos margenes" se me queda la curva inferior asi como veis en mi pagina.
Tambien cada vez que paso el raton por encima de los enlaces, parpadea la seccion 4.
http://maketmania.mywebcommunity.org/plantilla.html
(he cambiado el logo, es que ya hago pruebas :oops: )
Yo tengo window xp, lo he repasado mil veces y me queda asi.
Os pongo los codigos por si acaso,jeje.

Plantilla html:
<!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>
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></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>
<div id="navegacion">
<ul>

<a href="#">seccion 1

<a href="#">seccion 2

<a href="#">seccion 3

<a href="#">seccion 4

</div>
<div id="contenido">
<div id="menu">
<ul>
<h1>Titulo de seccion1</h1>

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">
<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 id="curva-inferior"></div id>
</div>
</body>
</html>

estilo

* {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: yellow ; 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 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px;
background-image: url(objetos/menu-parte-superior.gif) ;padding-top:12px }
#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 {}

nosabernada · 27 Jul 2009, 15:15 · Solicitar retirada

Hola

comprueba el div de cierre de la curva inferior

nosaber

edcovi · 27 Jul 2009, 15:35 · Solicitar retirada

Lo tengo como lo ves hay, lo he copiado.

nosabernada · 27 Jul 2009, 15:37 · Solicitar retirada

Hola,

prueba con 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> 
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></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"> 
<ul> 
[*]<a href="#">seccion 1 
[*]<a href="#">seccion 2 
[*]<a href="#">seccion 3 
[*]<a href="#">seccion 4 
[/list] 
</div> 
<div id="contenido"> 
<div id="menu"> 
<ul> 
<h1>Titulo de seccion1</h1>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/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"> 
<div id="pieuno"> 
<ul> 
[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url] 
[/list] 
</div> 
<div id="piedos">pie dos</div> 
<div id="pietres"> 
<ul> 
[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url] 
[/list] 

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

Si no te funciona, dimelo

edcovi · 27 Jul 2009, 15:41 · Solicitar retirada

nada, lo veo igual.

nosabernada · 27 Jul 2009, 15:46 · Solicitar retirada

Holam

prueba a poner otra etiqueta de cierre div mas, creo que se te paso cerrar el global

nosbaer

edcovi · 27 Jul 2009, 15:58 · Solicitar retirada

:shock: :shock: :shock: bueno, eso me lo tendras que explicar mejor,jeje

nosabernada · 27 Jul 2009, 16:04 · Solicitar retirada

Hola,

es decir, prueba 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> 
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></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"> 
<ul> 
[*]<a href="#">seccion 1 
[*]<a href="#">seccion 2 
[*]<a href="#">seccion 3 
[*]<a href="#">seccion 4 
[/list] 
</div> 
<div id="contenido"> 
<div id="menu"> 
<ul> 
<h1>Titulo de seccion1</h1>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/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"> 
<div id="pieuno"> 
<ul> 
[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url] 
[/list] 
</div> 
<div id="piedos">pie dos</div> 
<div id="pietres"> 
<ul> 
[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url] 
[/list] 

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

Saludos, nosaber

edcovi · 27 Jul 2009, 16:08 · Solicitar retirada

Nada, ya lo habia intentado antes, repito.
¿puede ser que sea del window xp?

nosabernada · 27 Jul 2009, 16:12 · Solicitar retirada

Hola,

pues yo no veo otra cosa lo siento :cry:
pero...sigue el curso, y mira al final si te queda bien o no

nosaber

edcovi · 27 Jul 2009, 16:19 · Solicitar retirada

Tranquilo hombre, no pongas esa cara,jeje :lol:
Eso hare.