[contenido no disponible]
Tengo un problema...
Como ven en la imagen de arriba, la seccion del Pie de pagina no esta abajo de las otras... sino que se continua con la seccion Principal... y la unica forma con la que consegui arreglar esto, fue cambiando los valores del width de 800px a 1167px ... probando una y otra vez... hasta llegar a esa cifra...
Quedando asi:
[contenido no disponible]
Entonces, en el preview del Html-kit se vea fantastico, pero al guardar todo el archivo HTML e intentar verlo en Google Chrome, me tope con lo que vemos en la imagen de arriba :/ ...
Les dejo los 2 codigos que trabaje hasta ahora... de los tutoriales de CCTW:
"plantilla.html"
"estilo-general.css"
Les agradeceria mucho su ayuda :) ... me gusta mucho el tutorial y me parece malo estancarme aqui... MUCHAS GRACIAS DE ANTEMANO :)
Tengo un problema...
Como ven en la imagen de arriba, la seccion del Pie de pagina no esta abajo de las otras... sino que se continua con la seccion Principal... y la unica forma con la que consegui arreglar esto, fue cambiando los valores del width de 800px a 1167px ... probando una y otra vez... hasta llegar a esa cifra...
Quedando asi:
[contenido no disponible]
Entonces, en el preview del Html-kit se vea fantastico, pero al guardar todo el archivo HTML e intentar verlo en Google Chrome, me tope con lo que vemos en la imagen de arriba :/ ...
Les dejo los 2 codigos que trabaje hasta ahora... de los tutoriales de CCTW:
"plantilla.html"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</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="#">Enlace1</a></li>
<li><a href="#">Enlace2</a></li>
<li><a href="#">Enlace3</a></li>
</ul>
</div>
<h1>Esta sera la zona principal de la web</h1>
<p>Bueno al parecer debo escribir mas parrafos pero que parezcan largos, la idea es que sobrepasen el menu lateral en cuanto a tamaño, por eso continuare escribiendo en el proximo parrafo</p>
<p>Y como habia dicho, haria un nuevo parrafo no?... pues aqui lo tienen :) , espero que esto sea suficiente...</p>
<p>Con este parrafo terminare... Saludos!</p>
<br>
<h2>Pero que...?</h2>
<p>Parece que no paso nada :/ ... aun no llegamos a pasar la linea -.-</p>
<p>Espero que este sea el ultimo, es molesto escribir demasiado -.-</p>
<p>gracias Jorgens!</p></div>
<div id="pie">
Este es el pie de la pagina</div>
</body>
</html>
"estilo-general.css"
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#cabecera {background-color:red;}
#navegacion {background-color:gray;}
#contenido {background-color:green; width:1167px; float:left;}
#contenido p {padding:5px 10px 5px 10px; text-indent:20px;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
#menu {background-color:black; width:150px; float:left; text-align:left; margin:10px 10px 3px 5px}
#menu li {list-style:none; margin:4px 2px 4px 6px;}
a {color:green; text-decoration:none; display:block}
a:link {}
a:visited {}
a:hover {color:black; text-decoration:underline; background-color:green;}
a:active {}
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; textl-align:center;}
Les agradeceria mucho su ayuda :) ... me gusta mucho el tutorial y me parece malo estancarme aqui... MUCHAS GRACIAS DE ANTEMANO :)