Hola:
Ja, ja ja, este ultimo tiempo he tenido muchos problemas, muchas gracias por ayudarme :D
Bueno, estoy haciendo una página alterna a la de la tutorial y lo que me pasó ahora es que en la vista previa, el pie de página queda muy raro, ya que se ve mucho más arriba de lo que debería estar, de cierto modo, no respeta la línea que debería tener.
La plantilla es la siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Cueck!</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div="logotipo">
[contenido no disponible]
http://f-unza.scienceontheweb.net
</div>
</div>
<div id="navegacion">Navegación!!</div>
<div id="contenido">
<div id="menu">
<ul>Trabajos
Videos
Perfil
Enlaces
</div>
Hola!, Aqui escribiré un mensaje diario, para sentirme mejor xD</p>
Bueno, esta es la primera vez que hago páginas web, por lo cual,
si no les gusta o le quieren cambiar o agregar algo, por favor,
avísenme, para poder mejorarla en conjunto.</p>
Todo esto lo he conseguido con ratos de ocio, pero va linda =)</p>
La página está configurada de la siguiente manera:</p>
1. Página Principal</p>
2. Menú</p>
a)Trabajos</p>
b)Videos</p>
c)Enlaces</p>
d)Perfil</p>
Cuando aprenda más, quiero agregarle un foro para que me dejen
ahí sus opiniones</p>
</div>
<div id="pie">f-unza 2007, Todos los derechos reservados</div>
</div>
</body>
</html>
y la hoja de estilos .css
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #CFCFCF ; text-align: center}
img {border-style: none}
p {font-family: trebuchet MS ; century gothic ; text-align: left}
a {font-family: trebuchet MS ; century gothic ; color: blue; font-size:1.3em ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red; text-decoration:underline ; background-color: silver}
#menu li {font-family: trebuchet MS ; font-size: 14px ; list-style:none ; margin: 10px 50px 0px 30px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: Gainsboro ; font-size: 28px ; font-family: viner Hand ITC ; trebuchet MS}
#navegacion {background-color: DeepSkyBlue ; font-size: 18px ; font-family: trebuchet MS ; century gothic}
#contenido {background-color: white ; width:800px ; float:left ; font-size: 14px ; font-family: trebuchet MS ; century Gothic}
#contenido p {text-indent: 15px}
#menu {background-image: url(objetos2/menu.jpg) ; background-repeat: no-repeat ; float:left ; text-align:left}
#pie {background-color: Gold ; font-size: 10px ; font-family: century gothic ; trebuchet MS}
Estoy trabajando con HTML-KIT
De antemano
Gracias!
Ja, ja ja, este ultimo tiempo he tenido muchos problemas, muchas gracias por ayudarme :D
Bueno, estoy haciendo una página alterna a la de la tutorial y lo que me pasó ahora es que en la vista previa, el pie de página queda muy raro, ya que se ve mucho más arriba de lo que debería estar, de cierto modo, no respeta la línea que debería tener.
La plantilla es la siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Cueck!</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div="logotipo">
[contenido no disponible]
http://f-unza.scienceontheweb.net
</div>
</div>
<div id="navegacion">Navegación!!</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Hola!, Aqui escribiré un mensaje diario, para sentirme mejor xD</p>
Bueno, esta es la primera vez que hago páginas web, por lo cual,
si no les gusta o le quieren cambiar o agregar algo, por favor,
avísenme, para poder mejorarla en conjunto.</p>
Todo esto lo he conseguido con ratos de ocio, pero va linda =)</p>
La página está configurada de la siguiente manera:</p>
1. Página Principal</p>
2. Menú</p>
a)Trabajos</p>
b)Videos</p>
c)Enlaces</p>
d)Perfil</p>
Cuando aprenda más, quiero agregarle un foro para que me dejen
ahí sus opiniones</p>
</div>
<div id="pie">f-unza 2007, Todos los derechos reservados</div>
</div>
</body>
</html>
y la hoja de estilos .css
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #CFCFCF ; text-align: center}
img {border-style: none}
p {font-family: trebuchet MS ; century gothic ; text-align: left}
a {font-family: trebuchet MS ; century gothic ; color: blue; font-size:1.3em ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red; text-decoration:underline ; background-color: silver}
#menu li {font-family: trebuchet MS ; font-size: 14px ; list-style:none ; margin: 10px 50px 0px 30px}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: Gainsboro ; font-size: 28px ; font-family: viner Hand ITC ; trebuchet MS}
#navegacion {background-color: DeepSkyBlue ; font-size: 18px ; font-family: trebuchet MS ; century gothic}
#contenido {background-color: white ; width:800px ; float:left ; font-size: 14px ; font-family: trebuchet MS ; century Gothic}
#contenido p {text-indent: 15px}
#menu {background-image: url(objetos2/menu.jpg) ; background-repeat: no-repeat ; float:left ; text-align:left}
#pie {background-color: Gold ; font-size: 10px ; font-family: century gothic ; trebuchet MS}
Estoy trabajando con HTML-KIT
De antemano
Gracias!