Entrar

Curso Divs.

Usuario 2298 · · Solicitar retirada
Hola!
estoy con el curso de divs y el contenido y el pie de pagina no se me cuadran. pongo el contenido a 800px no me cubre la pantalla y el pie de pagina se me viene a la derecha de el.
me podriais ayudar?
gracias :)
andele
Yaneth · · Solicitar retirada
hola
para ayudarte debes pegar aqui el contenido del html y css

saludos
Usuario 2298 · · Solicitar retirada
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></div></ul>
<p>Esta será la zona principal de la web</p>
</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>




body {text-align:center;}
#global{width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#menu {background-color:yellow; width:150px; float:left;text-aling:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
* {margin:0px; padding:0px; border:0px;}
a {color:blue; font-size:1.3em; text-decoration:none;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline; background-color: silver;}
a:active {}

#pie {background-color:brown;}
p {text-align:justify;}
ricky · · Solicitar retirada
Un error, cerrar un div
<!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="cabecera">Bienvenidos a mi Web</div> 
<div id="navegacion">Barra de Navegación</div> 
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></div></ul>
<p>Esta será la zona principal de la web</p>
</div> 
</div><!--------------------------------falta cerrar el contenido------------------------------>
<div id="pie">Este es el pié de página</div>
</body>
</html>
Yaneth · · Solicitar retirada
el error que yo veo es que ha cerrado ul despues de div en menu y no ha cerrado el ultimo li
tiene esto

<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></div></ul>

y debe tener esto

<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul></div>

a parte tiene el css desordenado
todo debe estar por orden de aparicion en el html
asi
* {margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
body {text-align:center;}
#global{width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#menu {background-color:yellow; width:150px; float:left;text-aling:left;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}

a {color:blue; font-size:1.3em; text-decoration:none;}
a {color:brown; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline; background-color: silver;}
a:active {}

#pie {background-color:brown;}


saludos
Usuario 2298 · · Solicitar retirada
Yaneth muchisimas gracias, he consiguido ordenar todo y ahora puedo continuar con mi aprendizaje....
hay alguna formula para saber el orden del css??
joer que verde estoy jejejeje.
:)
saludos.
ricky · · Solicitar retirada
No esperate que Janeth tiene razon hay esta mal, (que detallada es esta niña :-)) yo no mire la lista XD pero tienes como 3 errores, puede que lo veas bien pero esta mal porque yo corregi sin mirar la lista,(como hiba a creer que cierras un div antes de un ul) en ultimas queda asi, 

<!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="cabecera">Bienvenidos a mi Web</div>*
<div id="navegacion">Barra de Navegación</div>*
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div><!--cierre menu-->
<p>Esta será la zona principal de la web</p>
</div> <!--cierre contenido-->
<div id="pie">Este es el pié de página</div>
</body>
</html>

Nota: hazle caso en el css tambien :-)

EDITO: publicaste mientras corregia :-P
Yaneth · · Solicitar retirada
si ricki, muchas veces, son cositas de nada, y ha como dan lata jejeje

andele, en el css, todo debe estar por orden de aparicion en el html
la linea del * debe estar siempre arriba de todo,
luego pones lo que no tiene #
p{}
img{}
h1{}
solo para que no se te pierdan
en seguida body, siguen los de divs
#global (que es la que ordena todo)
luego, cual es el primer div???? si, cabecera
sigue, navegacion, contenido, menu

mas adelante te pediran un div que se llama curva-superior, ese va arriba de cabecera en el html, y arriba de cabecera en el css

me explico???,
de
todas formas, si tienes mas dudas, por aqui andamos
saludos
Usuario 2298 · · Solicitar retirada
Gracias y mil gracias, sois unas makinas :)
Usuario 2298 · · Solicitar retirada
Hola tengo otra duda!! :) ahora estoy en el tema 3, He de crear una cuenta en un Hosting? en cual?
ricky · · Solicitar retirada
Pronto!!! cogete uno gratis aqui que se agotan!!! :-) .. y a la proxima cada nueva pregunta en un nuevo post.