Hola a todos.
Estoy siguiendo paso a paso las lecciones del curso.
El problema que tengo es que al subir la página al servidor no me reconoce todos los elementos que he ido introduciendo en estilo.css como por ejemplo la imagen de fondo o el centrado del texto. En local si me los reconoce.
Al incluir la imagen del buzón de correo (fich. buzon014.gif situado en la misma carpeta que el fichero de fondo, si me la ha reconocido) y sigo sin ver el nuevo fondo.
Creo que en el servidor no se establece bien el vínculo con estilo.css
Os paso el .htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenidos a mi Página</title>
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</head>
<body>
<p class="centrado">Esta es mi página principal </p>
</p>
Con esto voy a comprobar el efecto que tiene la hoja de estilos sobre el párrafo. Al inicio de línea debe existir una sangría con respecto al resto de las líneas del párrafo. Vamos a comprobarlo.</p>
</p>
<p class="centrado">CreaTuWeb </p>
<p class="centrado"></p>
<p class="centrado">[correo eliminado]</p>
</body>
</html>
estilo.css
/* Esto es mi hoja de estilo */
BODY { background: url("imagenes/fondo001.jpg"); }
A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }
P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;
text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }
p.centrado { text-indent:0px ; text-align:center ; }
/* Fin de mi hoja de estilo */
Gracias
Estoy siguiendo paso a paso las lecciones del curso.
El problema que tengo es que al subir la página al servidor no me reconoce todos los elementos que he ido introduciendo en estilo.css como por ejemplo la imagen de fondo o el centrado del texto. En local si me los reconoce.
Al incluir la imagen del buzón de correo (fich. buzon014.gif situado en la misma carpeta que el fichero de fondo, si me la ha reconocido) y sigo sin ver el nuevo fondo.
Creo que en el servidor no se establece bien el vínculo con estilo.css
Os paso el .htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bienvenidos a mi Página</title>
<link rel="StyleSheet" href="estilo.css" media="screen" type="text/css">
</head>
<body>
<p class="centrado">Esta es mi página principal </p>
</p>
Con esto voy a comprobar el efecto que tiene la hoja de estilos sobre el párrafo. Al inicio de línea debe existir una sangría con respecto al resto de las líneas del párrafo. Vamos a comprobarlo.</p>
</p>
<p class="centrado">CreaTuWeb </p>
<p class="centrado"></p>
<p class="centrado">[correo eliminado]</p>
</body>
</html>
estilo.css
/* Esto es mi hoja de estilo */
BODY { background: url("imagenes/fondo001.jpg"); }
A:link { font-weight: bold ; color: blue ; text-decoration: none; }
A:visited { font-weight: bold ; color: blue ; text-decoration: none; }
A:hover { font-weight: bold ; color: red ; }
A:active { font-weight: bold ; color: green ; }
P { font-family: Arial, Helvetica, sans-serif ; font-size: 17px ;
text-align:justify ; text-indent: 20px ; margin: 7px 8px 7px 8px ; }
p.centrado { text-indent:0px ; text-align:center ; }
/* Fin de mi hoja de estilo */
Gracias