Hola a todos!
Soy nuevo aquí, ya he escrito esto en el foro general pero no tengo casi respuestas y la verdad es que llevo el curso bastante avanzado pero tengo problemas al subir los archivos ya que por alguna extraña razón el archivo plantilla.html no me coge bien el estilo-general.css y no se por qué es. Al no cogerlo bien la página me sale sin estilos y en blanco y negro. ¿me podéis echar un cable a ver donde está el fallo?
Los códigos de los cuatro archivos son los siguientes:
PLANTILLA.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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>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 ponérsela justo aquí</p>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle
márgenes para separarlos unos de otros e incluso hacerles sangría por
la izquierda y a la primera línea, que queda mucho mejor.</p>
<p>¡Anda fíjate! salen todos centrados, que cosa. Espero que Jorgens
nos enseñe poniéndolos alineados a la izquierda o justificados. Así
esto parece una poesía! je je je</p>
</div>
<div id="pie">Este es el pie de la página</div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS
*{text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver}
a:active{}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange ; width: 800px ; float: left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float: left ; text-align: left ; margin: 3px 10px 1px 3px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
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}
ESTILOS.CSS
body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%}
img {border-style: none}
.centrado {text-align:center}
INDEX.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</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><img src="objetos/sonrisa.gif" width="60px" height="60px" alt="Bienvenidos al ejemplo de CCTW"></p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW</a></p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribirme un e-mail!" src="objetos/buzon.gif" height="32px" width="32px" /></a></p>
</body>
</html>
La página si me cogía bien los estilos y todo parecía ir bien pero una vez subida la página al servidor de razyhosting ya no me aparece como debería, no se si es problema de permisos o algo relacionado con el servidor.
Acabo de comprobar además que en internet explorar coge los estilos tanto para el index.html como para plantilla.html, pero no lo hace en firefox ni en chrome en los que solo coge los el estilo para el index.html
Los nombres de los archivos son: estilo-general.css, estilos.css, plantilla.html e index.html todo en minúsculas.
Ya las tengo subidas en razyhosting.
Las direcciones de ambas son:
http://primerapagweb.atwebpages.com/ (esta utiliza bien el css)
http://primerapagweb.atwebpages.com/plantilla.html (esta no lo utiliza ni siquiera, pero si pones esta misma dirección en IE sí que sale como viene explicado en el tutorial)
No se si el fallo tenga algo que ver con el nuevo Mozilla Firefox 4 porque ese es el que tengo ahora mismo, pero no lo entendería porque me ocurre igual en Chrome, es decir, la primera dirección ambos la abren utilizando el css correctamente pero la segunda ninguno de los dos utiliza correctamente el css. Sin embargo, IE utiliza bien los css tanto de la primera como de la segunda dirección.
Gracias a todos por vuestra ayuda.
Saludos.
Soy nuevo aquí, ya he escrito esto en el foro general pero no tengo casi respuestas y la verdad es que llevo el curso bastante avanzado pero tengo problemas al subir los archivos ya que por alguna extraña razón el archivo plantilla.html no me coge bien el estilo-general.css y no se por qué es. Al no cogerlo bien la página me sale sin estilos y en blanco y negro. ¿me podéis echar un cable a ver donde está el fallo?
Los códigos de los cuatro archivos son los siguientes:
PLANTILLA.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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>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 ponérsela justo aquí</p>
<h2>Y este es el tercer párrafo.</h2> <p>En pocas lecciones aprenderé a darle
márgenes para separarlos unos de otros e incluso hacerles sangría por
la izquierda y a la primera línea, que queda mucho mejor.</p>
<p>¡Anda fíjate! salen todos centrados, que cosa. Espero que Jorgens
nos enseñe poniéndolos alineados a la izquierda o justificados. Así
esto parece una poesía! je je je</p>
</div>
<div id="pie">Este es el pie de la página</div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS
*{text-indent: 0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver}
a:active{}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray}
#contenido {background-color: orange ; width: 800px ; float: left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float: left ; text-align: left ; margin: 3px 10px 1px 3px}
#menu li {list-style: none ; margin: 4px 0px 4px 6px}
#pie {background-color: brown}
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}
ESTILOS.CSS
body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center ;
height:100%}
img {border-style: none}
.centrado {text-align:center}
INDEX.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</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><img src="objetos/sonrisa.gif" width="60px" height="60px" alt="Bienvenidos al ejemplo de CCTW"></p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW</a></p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribirme un e-mail!" src="objetos/buzon.gif" height="32px" width="32px" /></a></p>
</body>
</html>
La página si me cogía bien los estilos y todo parecía ir bien pero una vez subida la página al servidor de razyhosting ya no me aparece como debería, no se si es problema de permisos o algo relacionado con el servidor.
Acabo de comprobar además que en internet explorar coge los estilos tanto para el index.html como para plantilla.html, pero no lo hace en firefox ni en chrome en los que solo coge los el estilo para el index.html
Los nombres de los archivos son: estilo-general.css, estilos.css, plantilla.html e index.html todo en minúsculas.
Ya las tengo subidas en razyhosting.
Las direcciones de ambas son:
http://primerapagweb.atwebpages.com/ (esta utiliza bien el css)
http://primerapagweb.atwebpages.com/plantilla.html (esta no lo utiliza ni siquiera, pero si pones esta misma dirección en IE sí que sale como viene explicado en el tutorial)
No se si el fallo tenga algo que ver con el nuevo Mozilla Firefox 4 porque ese es el que tengo ahora mismo, pero no lo entendería porque me ocurre igual en Chrome, es decir, la primera dirección ambos la abren utilizando el css correctamente pero la segunda ninguno de los dos utiliza correctamente el css. Sin embargo, IE utiliza bien los css tanto de la primera como de la segunda dirección.
Gracias a todos por vuestra ayuda.
Saludos.