Bueno, espero recibir una respuesta en este segundo post ^^
Estoy haciendo una web para una comunidad de acá Argentina...
No la quiero tan complicada por ahora, ya que no tengo tiempo para estudiar demasiado y hacer algo super pro
por eso, al quererla sencilla y concisa la empesé a hacer a medida que iba aprendiendo con el primer curso...
Así que estoy teniendo problemas con la plantilla que he pasado al index... creo que debe ser una pequeñisima falla o algún retoque que me hace falta...
La cosa es que cuando escribo en el contenido me queda un horrible espacio blanco entre contenido y pie... he tocado de TODO!!!! Hasta me llego a suceder que me fallaba de tal manera que me superaba los 800 px de ancho cuando estaba activado el width 800px en "global", haciendo que lo que escribia en vez de bajar al otro renglón seguía de largo... En conclusión, un despelote total!!! jejeje
así que les dejo el link, y los códigos a ver si porfis me pueden ayudar ^^
link:
http://lacrimosa-arg.webcindario.com/
códigos de index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Home
Banda
Media
Foro
Fan Art
</div>
<div id="contenido">
<h1>Muy Bienvenidos a Lacrimosa-Argentina!!!</h1>
Esperamos que les agrade este espacio, creado por seguidores para todos ustedes.</p>
<h2>Les recordamos que...</h2>
Este sitio todavía está bajo construcción. Ante cualquier sugerencia o comentario pueden participar del foro o escribir a nuestro contacto.</p></div>
<div id="pie">
Comunidad fundada el 13 de Octubre del 2007. Web fundada el %%%%%%%.</p>
Contacto:</p>
[correo eliminado]</div></p>
</div>
</div>
</body>
</html>
códigos de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
h1 {font-size: 1.2em; color: #4F4F4F ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color: #4F4F4F ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { text-align: center }
#global { width:800px ; margin:4px auto }
#cabecera {background-color: #828282 ; border-left: black 3px solid ;
border-right: black 3px solid ; border-top: black 3px solid ; height:85px}
#logotipo {width:280px ; float:left }
#navegacion {text-align: center ; background-color: #B5B5B5 ; border: black 3px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: #E8E8E8 ; border-left: black 3px solid ;
border-right: black 3px solid }
#contenido p {text-align: center ; margin: 75px 300px 75px 300px}
#pie { background-color: #4F4F4F ;
border-left: black 3px solid ;
border-right: black 3px solid;
border-top: black 3px solid ;
border-bottom: 3px solid }
#pie p { text-align: center }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: black ; text-decoration:underline ; background-color: silver}
a:active {}
Estoy haciendo una web para una comunidad de acá Argentina...
No la quiero tan complicada por ahora, ya que no tengo tiempo para estudiar demasiado y hacer algo super pro
por eso, al quererla sencilla y concisa la empesé a hacer a medida que iba aprendiendo con el primer curso...
Así que estoy teniendo problemas con la plantilla que he pasado al index... creo que debe ser una pequeñisima falla o algún retoque que me hace falta...
La cosa es que cuando escribo en el contenido me queda un horrible espacio blanco entre contenido y pie... he tocado de TODO!!!! Hasta me llego a suceder que me fallaba de tal manera que me superaba los 800 px de ancho cuando estaba activado el width 800px en "global", haciendo que lo que escribia en vez de bajar al otro renglón seguía de largo... En conclusión, un despelote total!!! jejeje
así que les dejo el link, y los códigos a ver si porfis me pueden ayudar ^^
link:
http://lacrimosa-arg.webcindario.com/
códigos de index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<h1>Muy Bienvenidos a Lacrimosa-Argentina!!!</h1>
Esperamos que les agrade este espacio, creado por seguidores para todos ustedes.</p>
<h2>Les recordamos que...</h2>
Este sitio todavía está bajo construcción. Ante cualquier sugerencia o comentario pueden participar del foro o escribir a nuestro contacto.</p></div>
<div id="pie">
Comunidad fundada el 13 de Octubre del 2007. Web fundada el %%%%%%%.</p>
Contacto:</p>
[correo eliminado]</div></p>
</div>
</div>
</body>
</html>
códigos de estilos:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
h1 {font-size: 1.2em; color: #4F4F4F ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color: #4F4F4F ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { text-align: center }
#global { width:800px ; margin:4px auto }
#cabecera {background-color: #828282 ; border-left: black 3px solid ;
border-right: black 3px solid ; border-top: black 3px solid ; height:85px}
#logotipo {width:280px ; float:left }
#navegacion {text-align: center ; background-color: #B5B5B5 ; border: black 3px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: #E8E8E8 ; border-left: black 3px solid ;
border-right: black 3px solid }
#contenido p {text-align: center ; margin: 75px 300px 75px 300px}
#pie { background-color: #4F4F4F ;
border-left: black 3px solid ;
border-right: black 3px solid;
border-top: black 3px solid ;
border-bottom: 3px solid }
#pie p { text-align: center }
a {color: white ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: black ; text-decoration:underline ; background-color: silver}
a:active {}