Voy por la tercera lección del curso completo paso a paso, lo de subir el index y tal, ya he subido todo: los objetos, el index, la plantilla, la hoja de estilos y la hoja de estilo general, pero el index y la plantilla estan sin color y eso, como si no siguieran las normas de la hoja de estilos y la hoja de estilo general. He probado a volver a poner el código, he borrado lo que he subido y he probado a volver a subirlo, pero nada, el index y la plantilla de webejemplo-cctw-internet sale en blanco y sin márgenes ni nada, sin embargo los mismos archivos de la carpeta de webejemplo, la que no está subida, sí que se me ven con todas las cosas, ¿por qué en la de internet no se ven los colores y eso? ¿cómo lo arreglo? Si te sirve de algo estos son los códigos que he puesto en las hojas. Esta siguiente es la de index, la que está en la carpeta de internet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>página principal de ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista</p>
<p class="centrado"> Página creada gracias a CCTW</P>
[contenido no disponible]</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Esta es la página de index que está en la carpeta de webejemplo, la que no está subida:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>página principal de ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista</p>
<p class="centrado"> Página creada gracias a CCTW</P>
[contenido no disponible]</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Esta es la plantilla, la que está en la carpeta de internet:
<!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="cabecera">
Bienvenidos a mi web</p></div>
<div id ="navegacion">barra de navegación</div>
<div id="contenido"><div id="menu">
<ul>
Noticias
Mensajes
Información
Vídeos
Diversión
</div><h1>Esta será la zona principal de la web</h1>
<h2>Este es el subtítulo</h2>
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>
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.</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>
</p></div>
<div id="pie">este es el pie de página</div>
</div>
</body>
</html>
Esta es la plantilla de la otra carpeta, la que no está en la carpeta internet:
<!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="cabecera">
Bienvenidos a mi web</p></div>
<div id ="navegacion">barra de navegación</div>
<div id="contenido"><div id="menu">
<ul>
Noticias
Mensajes
Información
Vídeos
Diversión
</div><h1>Esta será la zona principal de la web</h1>
<h2>Este es el subtítulo</h2>
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>
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.</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>
</p></div>
<div id="pie">este es el pie de página</div>
</div>
</body>
</html>
Esta es la hoja de estilos, la del index, que está en la carpeta de internet:
body {background-color: #9370DB ; background-image: url(objetos/muñecas.jpg); background-repeat: no-repeat ; background-position: center center ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
Esta es la hoja de estilos del index que está en la otra carpeta:
body {background-color: #9370DB ; background-image: url(objetos/muñecas.jpg); background-repeat: no-repeat ; background-position: center center ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
Esta es la hoja de estilo-general, la de la plantilla, que está en la carpeta de internet:
* {margin:0px ; padding:0px ; border:0px}
body {text-align:center }
#cabecera {background-color: black }
#navegacion {background-color: white }
#contenido {background-color: MediumPurple ; width: 800px ; float:left}
#pie {background-color: white }
#global {width:800px ; margin: 4px auto }
#menu {background-color: black; width: 150px; float:left ; text-align:left ; margin-right: 10px ; margin:10px 10px 10px 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: MediumPurple; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:none}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#cabecera p {color: white ; text-align: center }
h1 {font-size: 1.3em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left }
Esta es la hoja de estilo-general de la plantilla que está en la otra carpeta, la que no es de internet:
* {margin:0px ; padding:0px ; border:0px}
body {text-align:center }
#cabecera {background-color: black }
#navegacion {background-color: white }
#contenido {background-color: MediumPurple ; width: 800px ; float:left}
#pie {background-color: white }
#global {width:800px ; margin: 4px auto }
#menu {background-color: black; width: 150px; float:left ; text-align:left ; margin-right: 10px ; margin:10px 10px 10px 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: MediumPurple; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:none}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#cabecera p {color: white ; text-align: center }
h1 {font-size: 1.3em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left }
Eso es todo, espero que puedas ayudarme.
Gracias.
PD: las letras, los títulos y los enlaces si que se ven, pero los colores, las imágenes, los márgenes y todo eso no.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>página principal de ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista</p>
<p class="centrado"> Página creada gracias a CCTW</P>
[contenido no disponible]</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Esta es la página de index que está en la carpeta de webejemplo, la que no está subida:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>página principal de ejemplo</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista</p>
<p class="centrado"> Página creada gracias a CCTW</P>
[contenido no disponible]</p>
[contenido no disponible]</p>
[correo eliminado]</p>
</body>
</html>
Esta es la plantilla, la que está en la carpeta de internet:
<!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="cabecera">
Bienvenidos a mi web</p></div>
<div id ="navegacion">barra de navegación</div>
<div id="contenido"><div id="menu">
<ul>
</div><h1>Esta será la zona principal de la web</h1>
<h2>Este es el subtítulo</h2>
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>
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.</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>
</p></div>
<div id="pie">este es el pie de página</div>
</div>
</body>
</html>
Esta es la plantilla de la otra carpeta, la que no está en la carpeta internet:
<!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="cabecera">
Bienvenidos a mi web</p></div>
<div id ="navegacion">barra de navegación</div>
<div id="contenido"><div id="menu">
<ul>
</div><h1>Esta será la zona principal de la web</h1>
<h2>Este es el subtítulo</h2>
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>
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.</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>
</p></div>
<div id="pie">este es el pie de página</div>
</div>
</body>
</html>
Esta es la hoja de estilos, la del index, que está en la carpeta de internet:
body {background-color: #9370DB ; background-image: url(objetos/muñecas.jpg); background-repeat: no-repeat ; background-position: center center ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
Esta es la hoja de estilos del index que está en la otra carpeta:
body {background-color: #9370DB ; background-image: url(objetos/muñecas.jpg); background-repeat: no-repeat ; background-position: center center ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
Esta es la hoja de estilo-general, la de la plantilla, que está en la carpeta de internet:
* {margin:0px ; padding:0px ; border:0px}
body {text-align:center }
#cabecera {background-color: black }
#navegacion {background-color: white }
#contenido {background-color: MediumPurple ; width: 800px ; float:left}
#pie {background-color: white }
#global {width:800px ; margin: 4px auto }
#menu {background-color: black; width: 150px; float:left ; text-align:left ; margin-right: 10px ; margin:10px 10px 10px 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: MediumPurple; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:none}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#cabecera p {color: white ; text-align: center }
h1 {font-size: 1.3em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left }
Esta es la hoja de estilo-general de la plantilla que está en la otra carpeta, la que no es de internet:
* {margin:0px ; padding:0px ; border:0px}
body {text-align:center }
#cabecera {background-color: black }
#navegacion {background-color: white }
#contenido {background-color: MediumPurple ; width: 800px ; float:left}
#pie {background-color: white }
#global {width:800px ; margin: 4px auto }
#menu {background-color: black; width: 150px; float:left ; text-align:left ; margin-right: 10px ; margin:10px 10px 10px 10px}
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: MediumPurple; font-size:1.1em ; text-decoration: none }
a:link {}
a:visited {}
a:hover {color:white ; text-decoration:none}
a:active {}
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#cabecera p {color: white ; text-align: center }
h1 {font-size: 1.3em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center }
h2 {font-size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: left }
Eso es todo, espero que puedas ayudarme.
Gracias.
PD: las letras, los títulos y los enlaces si que se ven, pero los colores, las imágenes, los márgenes y todo eso no.