Este es mi index:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Monicka Villena</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">¡Bienvenidos a mi web, pronto estara lista!</p>
<p><img src="objetos/logo.jpg" width="1050px" height="200px" alt="Monicka Natura, arreglos florales" /></p>
<p>Pagina creada gracias a CCTW.</p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribir un E-mail" src="objetos/204-buzon.gif" height="32" width="32"</a> /></p>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Esta es mi hoja de estilos:
body {background-color: #A2CD5A; background-image:url(objetos/fondo.png);
background-repeat:no-repeat ; background-position:center center;}
img {border-style:none;}
.centrado {text-align:center;}
esta hoja de estilo-general:
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;}
#pie {background-color:brown;}
y esta la plantilla:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
No sale nada de lo que debería salir. Es evidente que estoy haciendo algo mal. Pero...¿Que?. Un saludo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Monicka Villena</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado">¡Bienvenidos a mi web, pronto estara lista!</p>
<p><img src="objetos/logo.jpg" width="1050px" height="200px" alt="Monicka Natura, arreglos florales" /></p>
<p>Pagina creada gracias a CCTW.</p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribir un E-mail" src="objetos/204-buzon.gif" height="32" width="32"</a> /></p>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Esta es mi hoja de estilos:
body {background-color: #A2CD5A; background-image:url(objetos/fondo.png);
background-repeat:no-repeat ; background-position:center center;}
img {border-style:none;}
.centrado {text-align:center;}
esta hoja de estilo-general:
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;}
#pie {background-color:brown;}
y esta la plantilla:
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>
No sale nada de lo que debería salir. Es evidente que estoy haciendo algo mal. Pero...¿Que?. Un saludo