Entrar

estilos-general.css

cordobes1978 · · Solicitar retirada
hola:
voy por la leccion 2 y mi duda es que cuando veo la vista preliminar de plantlla.html no me agrega los colores, no se si me explico, en el archivo estilos-genera.css lo escribo tal cual como dice la leccion al igual que el de plantilla.html pero cuando veo este ultump me aparece asi:

Bienvenidos a mi Web
Barra de Navegación
Esta será la zona principal de la web
Este es el pié de página

y no en colores como lo muestra el ej. al final de la leccion 2. les agradeceria su ayuda:mrgreen:
jacob · · Solicitar retirada
pega los codigos de html i css cordobes a ver que falla
buenas noches
Yaneth · · Solicitar retirada
asi es... debes anexar aqui el contenido de tu html y del css,
(solo seleccionalo, copialo, y lo pegas aqui en el mensaje)
cordobes1978 · · Solicitar retirada
ok primero pongo la imagen de la plantilla.html, luego pego como escribi plantilla.html y por ultimo estilos-generales.css.
Les comento que segui avanzando y voy por leccion 2 (estilos cambiantes). como podran ver no me reconoce los centrados ni los magenes etc. lo unico que salio fue lo de los enlaces.


les pongo un enlace adonde subi la imagen por si no aparece http://imgur.com/yH6nS

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="global>"
<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="menu">MENU
<ul>
<li><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

estilos-generales

* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange;}
#menu {background-color:yellow; width:150px; float:left; text-align:left;}
#pie {background-color:brown;}
#menu li {list-style:none; margin:4px 0px 4px 6px;}
a {color:blue; font-size:1.3em; text-decoration:none;}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline}
a:active {}
jacob · · Solicitar retirada
amigo mira haber si tu problema lo tienes en el nombre de la hoja de stilos como es
estilos-generales.css o estilo-general.css miralo bien porque no veo nada raro
ya diras un saludo
cordobes1978 · · Solicitar retirada
GENIO!!! era eso nomas (error de tipografia) jaja. GRACIAS por contestar rapido, ahora voy a seguir. Saludos cualquier cosa aviso. ahi te muestro como va