Problemillas creando una web con html kit
Hola! Estoy montando una página web con un tutorial de http://www.comocreartuweb.com, con Html-kit, y me han surgido algunos problemas (esta es la página web de prueba que estoy haciendo, de momento no sirve para nada y no tienen ningún contenido útil: http://equidistantes.mypressonline.com/plantilla.html ). Aquí pongo los documentos de los que está formada:
PLANTILLA.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/etiqueta titulo.png" width="400" height="254"
alt="Haz clic aquí para volver a la página de inicio"></div>
<div id="navegacion">
<ul>
<li><a href="#">OTROS</li>
<li><a href="#">MULTIMEDIA</li>
<a href="#">
<li>TEXTOS</li>
<a href="#">
<li>PRINCIPAL</li>
</ul>
</div>
<div id="menu">
<ul>
<li><a href="#">Textos</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Otros</a>
<li><a href="#">Enlaces</a>
<li><a href="#">Imagenes</a>
<li><a href="#">Usuarios</a>
<li><a href="#">Cuentas</a>
<li><a href="#">Más cosas</a>
<li><a href="#"></a>
</ul>
</div>
<div id="contenido">
<h1>La publicidad. Texto de prueba.</h1>
<p>Hay que procesar una idea en nuestra cabeza para "tolerar" todo nuestro alrededor: ¡Vivimos en el siglo XXI! El mundo no ha cambiado, solo las personas y sus actos, actividades, negocios. Y podría añadir esta introducción en los próximos artículos, ya que sirve para un temario global.
En este siglo en el que vivimos la publicidad es un negocio inevitable y cuantioso. Vivimos en un mundo de imágenes, en un mundo pixelado; claramente no podemos evitar alzar la cabeza y ver un cartelito que nos incita a beber "Cristo-cola", a vestir con "Pulan-sprinfil", a comer galletas "Infanta", a ver "la Madrina", y un extenso y cansino etcétera. Y esta publicidad está en transportes, comercio, nuestras propias casas, televisión. Y ahora parece que nos vamos a topar en medio del desierto con un cartel de "rata-pepsi". Por lo tanto es casi imposible no vivir rodeados de publicidad (ni en los polos, ya que nos encontraríamos a alguno del "Global Jeografik" filmando a los pingüinos). Pero si está en nuestras manos auto controlarnos para no caer en sus trampas promocionales. Si sabemos ser responsables, tener personalidad y no caer en los productos consumidos por las masas.
</p>
<p>La publicidad subliminal, es un acto ilegal y no debía darse, pero ¿quién cumple las leyes jurídicas y morales? Está claro que no podemos hacer mucho contra ella, ya que actúa sobre nuestro inconsciente sin que nos demos cuenta. Pero una forma de no caer en esto podría ser, estar informados sobre estos temas para poder evitar la enfermedad antes de contagiarla.
Por lo tanto para resistir a las fuerzas de este ejército moderno, no debemos cerrar los ojos, ni taparnos los oídos. Sino abrirlos bien y estar en guardia para cuando se acerquen a atacarnos defendernos con nuestra mejor arma: la inteligencia.
</p>
</div>
<div id="pie">
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
<div id= "creditos">Creado por Álvaro. Dirigido por Borislav y Álvaro.</div>
</div>
</div>
</div>
</body>
</html>
ESTILOS.css
body {background-color: #816f61 ; background-image: url(objetos/diseño web fondo.png); background-repeat: no-repeat ; background-position: top}
img {border-style: none}
.centrado {text-align:center}
ESTILOS-GENERALES.css
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #816f61 ; background-image: url(objetos/diseño web fondo.png); background-repeat: no-repeat ; background-position: top}
img {border-style: none}
#cabecera {background-color: none}
#contenido {background-color: none ; color:red ; width: 800px ; float:left }
#pie {background-color: none; color: black; font.size: 0.9em ; height: 65px ;}
#global {width:800px ; margin: 4px auto}
body {text-align: center}
#menu {background-color: none ; color: #cdb5a2 ; width: 199px ; float:right ; text-align:left; margin: 0px 0px 10px 5px ; background-image: url(objetos/menu vertical.png)}
#menu li { list-style:none; color: #cdb5a2 ;margin: 15px 15px 15px 20px }
a {color: brown; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:none; text-decoration:none; display: block; background-color: none}
a:active {}
p {text-align: justify}
#contenido p {padding: 0px 250px 0px 30px ; text-indent: 20px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
#logotipo {background-color: none ; float:left ; margin-top:0px; padding: 0px 0px 0px 0px }
#publicidad {background-color: pink ; width:400px ; float:right }
#navegacion { font-weight: bold ; background-color: none ; border: none ; height:30px ; float:right ; padding: 0px 100px 0px 0px }
#navegacion li { float:right ; list-style:none ; margin: 85px 10px 0px 0px }
#navegacion li {color: #cdb5a2}
#pieuno {background-color: none ; float:left ; width:150px }
#piedos {background-color: none ; float:left ; width:498px }
#pietres {background-color: none ; float:left ; width:150px }
#creditos {float: right}
INDEX.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Equidistantes</title>
<link rel="stylesheet" href="estilos.css" type="text/css"...
PLANTILLA.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/etiqueta titulo.png" width="400" height="254"
alt="Haz clic aquí para volver a la página de inicio"></div>
<div id="navegacion">
<ul>
<li><a href="#">OTROS</li>
<li><a href="#">MULTIMEDIA</li>
<a href="#">
<li>TEXTOS</li>
<a href="#">
<li>PRINCIPAL</li>
</ul>
</div>
<div id="menu">
<ul>
<li><a href="#">Textos</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Otros</a>
<li><a href="#">Enlaces</a>
<li><a href="#">Imagenes</a>
<li><a href="#">Usuarios</a>
<li><a href="#">Cuentas</a>
<li><a href="#">Más cosas</a>
<li><a href="#"></a>
</ul>
</div>
<div id="contenido">
<h1>La publicidad. Texto de prueba.</h1>
<p>Hay que procesar una idea en nuestra cabeza para "tolerar" todo nuestro alrededor: ¡Vivimos en el siglo XXI! El mundo no ha cambiado, solo las personas y sus actos, actividades, negocios. Y podría añadir esta introducción en los próximos artículos, ya que sirve para un temario global.
En este siglo en el que vivimos la publicidad es un negocio inevitable y cuantioso. Vivimos en un mundo de imágenes, en un mundo pixelado; claramente no podemos evitar alzar la cabeza y ver un cartelito que nos incita a beber "Cristo-cola", a vestir con "Pulan-sprinfil", a comer galletas "Infanta", a ver "la Madrina", y un extenso y cansino etcétera. Y esta publicidad está en transportes, comercio, nuestras propias casas, televisión. Y ahora parece que nos vamos a topar en medio del desierto con un cartel de "rata-pepsi". Por lo tanto es casi imposible no vivir rodeados de publicidad (ni en los polos, ya que nos encontraríamos a alguno del "Global Jeografik" filmando a los pingüinos). Pero si está en nuestras manos auto controlarnos para no caer en sus trampas promocionales. Si sabemos ser responsables, tener personalidad y no caer en los productos consumidos por las masas.
</p>
<p>La publicidad subliminal, es un acto ilegal y no debía darse, pero ¿quién cumple las leyes jurídicas y morales? Está claro que no podemos hacer mucho contra ella, ya que actúa sobre nuestro inconsciente sin que nos demos cuenta. Pero una forma de no caer en esto podría ser, estar informados sobre estos temas para poder evitar la enfermedad antes de contagiarla.
Por lo tanto para resistir a las fuerzas de este ejército moderno, no debemos cerrar los ojos, ni taparnos los oídos. Sino abrirlos bien y estar en guardia para cuando se acerquen a atacarnos defendernos con nuestra mejor arma: la inteligencia.
</p>
</div>
<div id="pie">
<div id="pie">
<div id="pieuno">pie uno</div>
<div id="piedos">pie dos</div>
<div id="pietres">pie tres</div>
<div id= "creditos">Creado por Álvaro. Dirigido por Borislav y Álvaro.</div>
</div>
</div>
</div>
</body>
</html>
ESTILOS.css
body {background-color: #816f61 ; background-image: url(objetos/diseño web fondo.png); background-repeat: no-repeat ; background-position: top}
img {border-style: none}
.centrado {text-align:center}
ESTILOS-GENERALES.css
* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #816f61 ; background-image: url(objetos/diseño web fondo.png); background-repeat: no-repeat ; background-position: top}
img {border-style: none}
#cabecera {background-color: none}
#contenido {background-color: none ; color:red ; width: 800px ; float:left }
#pie {background-color: none; color: black; font.size: 0.9em ; height: 65px ;}
#global {width:800px ; margin: 4px auto}
body {text-align: center}
#menu {background-color: none ; color: #cdb5a2 ; width: 199px ; float:right ; text-align:left; margin: 0px 0px 10px 5px ; background-image: url(objetos/menu vertical.png)}
#menu li { list-style:none; color: #cdb5a2 ;margin: 15px 15px 15px 20px }
a {color: brown; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:none; text-decoration:none; display: block; background-color: none}
a:active {}
p {text-align: justify}
#contenido p {padding: 0px 250px 0px 30px ; text-indent: 20px}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: left}
#logotipo {background-color: none ; float:left ; margin-top:0px; padding: 0px 0px 0px 0px }
#publicidad {background-color: pink ; width:400px ; float:right }
#navegacion { font-weight: bold ; background-color: none ; border: none ; height:30px ; float:right ; padding: 0px 100px 0px 0px }
#navegacion li { float:right ; list-style:none ; margin: 85px 10px 0px 0px }
#navegacion li {color: #cdb5a2}
#pieuno {background-color: none ; float:left ; width:150px }
#piedos {background-color: none ; float:left ; width:498px }
#pietres {background-color: none ; float:left ; width:150px }
#creditos {float: right}
INDEX.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Equidistantes</title>
<link rel="stylesheet" href="estilos.css" type="text/css"...
1 Respuesta
Respuesta de Marcelo Origoni
1
EL primer problema que veo con las imágenes, es el espacio en los nombres. Siendo servidores linux, los espacios y la capitalización importan (y mucho).
No veo en el código, donde seteas el blanco crema, pero estoy casi seguro que se debe a si son links o no.
Por ultimo, el posicionamiento, se debe a la forma de armado de la web tienes que poner la div id menu antes la que tiene id navegación
No veo en el código, donde seteas el blanco crema, pero estoy casi seguro que se debe a si son links o no.
Por ultimo, el posicionamiento, se debe a la forma de armado de la web tienes que poner la div id menu antes la que tiene id navegación
