Necesito ayuda. Problema de previsualización

lfsantiago · 1 Dic 2010, 15:51 · Solicitar retirada

Hola.
He terminado la tercera lección y al comprobar vuestros códigos con los míos encuentro algunas diferencias, con lo cual borro mis códigos y copio los vuestros.
Al previsualizar denuevo el plantilla.html me sale lo siguiente:

-------------------------------------------------------------------------------------
Bienvenidos a mi Web
Sección 1
Sección 2
Sección 3
Título de Sección 1
Enlace 1
Enlace 2
Enlace 3
Enlace 4
Esta será la zona principal de la web
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.

Y este es el tercer párrafo.
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.

Este es el pié de página
--------------------------------------------------------------------------------------
Puedo ver el logotipo de CCTW y si pincho en el me envia a index.html que si se ve correctamente.

¿Qué puedo hacer para que esto de arriba se vea correctamente a previsulizar el plantilla.htlm ?

olukarak · 1 Dic 2010, 16:31 · Solicitar retirada

..... No entendi el problema. Podrias poner una foto?

EDITO: Veo que creaste dos temas con la misma pregunta. En el otro explicas mejor el problema.
El crear dos temas con la misma pregunta no ayudara a que se responda mas rapidamente.

lfsantiago · 1 Dic 2010, 19:46 · Solicitar retirada

En primer lugar quisiera pedir perdón por duplicar los temas, no se volverá a repetir.

Siguiendo con el asunto en cuestión, no puedo poner ninguna foto.

Intentaré explicarme.
Si previsulaizo el index.html me sale en la pantalla correctamente.
Pero al previsualizar el archivo plantilla.html me sale todo colocado de arriba a abajo, primero el logotipo, luego "Bienvenidos a mi web" y lo siguiente el menú lateral y así hasta el final.
Esto es un copia pega de lo que veo:

Aqui sale el logotipo

Bienvenidos a mi Web
Sección 1
Sección 2
Sección 3
Título de Sección 1
Enlace 1
Enlace 2
Enlace 3
Enlace 4
Esta será la zona principal de la web
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.

Y este es el tercer párrafo.
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.

Este es el pié de página

Y estos son mis códigos:

html:

<!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="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Sección 1

Sección 2

Sección 3

</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo
pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para
separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea,
que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos
alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

css:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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 ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Espero que con esta información adicional me podáis dar una respuesta.
Gracias.

moimuá · 1 Dic 2010, 20:29 · Solicitar retirada

Los códigos son correctos. La web se visualiza perfectamente.

Comprueba que tu hoja de estilos esté nombrada estilo-general.css , como está escrito en tu línea de código: <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

Saludos.

lfsantiago · 1 Dic 2010, 21:15 · Solicitar retirada

Muchísimas gracias.

Hay que ver lo que hace una puñetera letra.

Enhorabuena por el curso, me parece una pasada, estoy deseando seguir abanzando.

Un saludo.