He creado una página de inicio, mientras creo el resto, con el nombre index.html que he subido a mi dominio junto con el estilo.css y la imagen que quiero colocar de fondo, una vez que he comprobado en diferentes ocasiones su composición tanto en vista previa como en vista en los navegadores.
Pero una vez subida y consultada la web, solo se ven los textos (a veces con las características de tamaño y diseño y otras veces sencillo) pero la imagen de fondo no aparece.
Aunque no tengo ni idea de esto, con Dreanweaver y el tutorial del curso me pareció sencillo, pero estoy atascado. He modificado varias cosas, he puesto la imagen en distintas carpetas, pero sin resultado. Por favor, ¿podéis comprobar que cosas hago mal?
Gracias,
<html>
<head>
<title>Consuelito</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<<link href="estilo.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body>
<body href="images/velo1.gif">
<table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<div align="center">
<h1><strong><em>Bienvenidos a nuestra página</em></strong></h1>
</div>
<p>Estamos en construcción
</p>
<p> <a href="mailto:[correo eliminado]">Nos puedes contactar aquí</a></p>
<p> </p>
<p> </p>
<p> </p>
<p><a href=" <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&source=embed&hl=es&geoco…"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&source=embed&hl=es&geoco…" style="color:#0000FF;text-align:left">O aquí: C/ Doctor Gregorio Marañón nº 4 - 32005 Ourense</a></p>
<p>¡Gracias!</p>
</body>
</html>
CSS
/* Esto es mi hoja de estilo */
body {
background: url(images/velo1.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
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.centrado { text-indent:0px ; text-align:center ; }
p.centrado { text-indent:0px ; text-align:center ; }
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
text-align: justify;
text-indent: 20px;
margin: 7px 8px 7px 8px;
font-weight: bold;
}
Pero una vez subida y consultada la web, solo se ven los textos (a veces con las características de tamaño y diseño y otras veces sencillo) pero la imagen de fondo no aparece.
Aunque no tengo ni idea de esto, con Dreanweaver y el tutorial del curso me pareció sencillo, pero estoy atascado. He modificado varias cosas, he puesto la imagen en distintas carpetas, pero sin resultado. Por favor, ¿podéis comprobar que cosas hago mal?
Gracias,
<html>
<head>
<title>Consuelito</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<<link href="estilo.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body>
<body href="images/velo1.gif">
<table class="ancho99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<div align="center">
<h1><strong><em>Bienvenidos a nuestra página</em></strong></h1>
</div>
<p>Estamos en construcción
</p>
<p> <a href="mailto:[correo eliminado]">Nos puedes contactar aquí</a></p>
<p> </p>
<p> </p>
<p> </p>
<p><a href=" <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&source=embed&hl=es&geoco…"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&source=embed&hl=es&geoco…" style="color:#0000FF;text-align:left">O aquí: C/ Doctor Gregorio Marañón nº 4 - 32005 Ourense</a></p>
<p>¡Gracias!</p>
</body>
</html>
CSS
/* Esto es mi hoja de estilo */
body {
background: url(images/velo1.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
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.centrado { text-indent:0px ; text-align:center ; }
p.centrado { text-indent:0px ; text-align:center ; }
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
text-align: justify;
text-indent: 20px;
margin: 7px 8px 7px 8px;
font-weight: bold;
}