Leccion 6 problema con enlaces

Hola, llegue a la lección 6 pero me encuentro con un inconveniente y es los enlaces del menu (los laterales), hago tal cual como dice el curso, pero a la hora de darle click no lee nada de la pagina de estilos-general.css. Aqui les dejo el código para ver si me pueden ayudar, gracias a todos.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Herramientas</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
<img src="../objetos/logotipo.gif" width="270" height="80" alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
<li><a href="../index.html">Portada</a></li><li><a href="../acercademi/acercademi.html">Acerca de mi</a></li><li><a href="../herramientas/herramientas.html">Herramientas</a></li><li><a href="../foro/foro.html">foro</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<h1>Herramientas</h1>
<ul><li><a href="../herramientas/crearmipagina/crearmipagina.html">Crear mi página</a></li><li><a href="../subirpagina/subirpagina.html">Subir página al Hosting</a></li><li><a href="../promocionar/promocionar.html">Promocionar tu web</a></li><li><a href=".//posicionar/posicionar.html">Posicionamiento</a></li></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1>Herramientas</h1>
<p>Existen millones de páginas en la red, pero el simple hecho de que tu página este en línea, ¿alguien la va a visitar?
Para tener una página exitosa tienes que crear también un buen sistema o una buena política de promoción y posicionamiento dentro de la red, y para esto tienes que aprender la forma en que todo esto funciona.</P>
<p>Para disponer de una página web visible necesitas un lugar donde alojarla. Ese "lugar" (espacio web) nos lo puede ofrecer un servidor de Hosting (que significa alojamiento de páginas web) bien de forma gratuita o bien pagando cierta cantidad.
Por otro lado, una vez tenemos el espacio para nuestra página web, los visitantes necesitan escribir algo en sus navegadores para dirigirse a nuestra nueva web. Esto es la URL o dirección de la web que puede ser o bien un dominio escogido (y pagado) por tí, como por ejemplo www.arcadiomonroy.com, o www.google.es.
Veremos entonces cómo registrar un dominio y también cómo relacionar un dominio con un hosting, etc, etc.</p>
<p>Hacer nuestro propio sitio web es solo el principio del camino, ya que de aquí en adelante comienzan dos importantes etapas para llegar a obtener los resultados deseados: La primera etapa es el mantenimiento, ya que después de todo, si creas una página y la dejas igual por mucho tiempo, probablemente la gente se aburra y nunca vuelva a visitarte y la segunda es la planeación de una política de promoción para dar a conocer tu sitio. Esta última es la más importante.
Para crear un buen sitio web es necesario mucho trabajo, tiempo, esfuerzo, creatividad, conocimiento, así como el empleo de tecnologías avanzadas, así como otras cosas. Y esto, porque entre tantas páginas los visitantes van a ir a la que tenga mejores contenidos, diseño y además sea promovida.
</p>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
</html>
Como tienes la web estructurada en carpetas y tal?

Esta página que muestras es el index o es la página que se ve mal?

Saludos!
¿La pagina "estilos-general"? Sera la hoja de estilos. Posteala tambien, que si no vamos perdidos.

Por cierto, me parece mucho lio como apunta web-freelance que tengas cada pagina en una carpeta, seria mejor tener todos los html en una carpeta. En todo caso si quieres tener otro tipo de web alojada en el mismo servidor puedes hacer eso, por carpetas, pero asi es un poco lioso.
Aqui coloco la pagina estilo-general.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ;
text-align: center;}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: left; text-indent:10px; padding-top:20px; padding-bottom:10px;}
body {text-align:center; background-color:#CDB79E;background-image:url(objetos/fondo.png);}
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: goldenrod ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: NavajoWhite ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid; height: 65px }
#pie {border-left:black 1px solid; border-right:black 1px solid;
border-top:black 1px solid; height:65px;}
#pie li {list-style:none;font-size:12px;}
#pieuno {float:left; width:150px;}
#piedos {float:left; width:498px; }
#pietres {float:left; width:150px;}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: Cornsilk; }
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

La pagina esta tal cual como el curso solo varia son los enlaces, el problema que tengo esta en el menu lateral izquierdo, abre las paginas pero los estilos no funcionan.
Exactamente cuando entro en los submenus de herramientas.
Toda la pagina funciona pero, el menu lateral no reconoce los estilos.
Gracias de nuevo
Lo siento soy nuevo en esto de capturar imagenes, espero que esta sea mas clara, gracias

[contenido no disponible]
A ver, yo lo que hago es que tengo una carpeta llamada "css" en la raiz de la web, y dentro tengo una hoja de estilos por cada html que tengo, ya que mis paginas no tienen exactamente la misma estructura entre ellas. Por ejemplo, si tienes enindex un div llamado contenido, y en "productos.html" (por ejemplo) no tienes ese div, o tiene un tamaño distinto, o lo que sea, la hoja de estilos general no funcionara bien.
Comprueba que la ruta del estilo es correcta.
Y si lo tienes eso bien, prueba esto: duplica "estilos general", renombralo a "estilos-general-productos" (por ejemplo), y asocia productos.html a la nueva hoja de estilos, y empieza a cambiarla hasta que tenga el aspecto que quieres.
Sobra decir que "productos" lo cambies por el nombre de la pagina que no funciona.
De acuerdo vamos por partes. Tengo que corregirte aquí @ocbarrio [:p]:

ocbarrio escribió:A ver, yo lo que hago es que tengo una carpeta llamada "css" en la raiz de la web, y dentro tengo una hoja de estilos por cada html que tengo, ya que mis paginas no tienen exactamente la misma estructura entre ellas. Por ejemplo, si tienes enindex un div llamado contenido, y en "productos.html" (por ejemplo) no tienes ese div, o tiene un tamaño distinto, o lo que sea, la hoja de estilos general no funcionara bien.
Comprueba que la ruta del estilo es correcta..

No hace falta tener una hoja de estilos por cada html, es más, no se recomienda a menos que las páginas no tengan nada que ver entre si en cuanto a diseño, ya que si no, cada vez que quieras modificar un estilos de forma general, tendrás que irte hoja por hoja a cambiarlo. No es bueno. Se puede tener un solo CSS para todo, no pasa nada siempre que estructures bien tu hoja de estilos, y esto con el tiempo se va cogiendo costumbre para luego no volverte loco jajaja.

Eso por un lado, ahora bien @armonsu, el html que mostraste al principio imagino que se trata de la página herramientas.html no? por lo que en esta página se tiene que ver todo bien si no me equivoco, ya que el link hacia la hoja de estilos está bien, sales de la carpeta "herramientas" con ../ y después enlazas a la hoja de "estilo-general.css".

Ahora bien, cuando pinchamos en el menú lateral lo que hacemos es ../ salir de la carpeta "herramientas" y volver a entrar.... ¿para que? no salgas de la carpeta "herramientas", linkea directamente a cada página así "acercademi/acercademi.html" sin el ../

Entonces, cuando estamos dentro de por ejemplo "acercademi.html" la hoja de estilos debe estar linkeada de la siguiente forma:

<link rel="stylesheet" href="../../estilo-general.css" type="text/css" media="all">

Con dos ../ ya que salimos de la carpeta "acercademi" y salimos de la carpeta "herramientas". Comprueba que dentro de las subpaginas en cuestión está la hoja de estilos linkeada de esta forma y nos cuentas.

PD: @ocbarrio, poquito a poco te estas haciendo un crack [;)]

Saludos!
gracias webfreelance. Ya me habia dado cuenta de ese detalle, para cambiar algo tengo que hacerlo en cada hoja, pero es que algunos divs los quiero a un tamaño y con unas propiedades especificas. Aun asi, se que podria unificar todos los estilos. Para la version 2.0 lo tendre en cuenta.

Ah, y si me hago un crack es por tu ayuda y la de algunos mas aqui en cctw. Sois (perdon por la expresion) "de puta madre".

Un saludo!
ocbarrio escribió:Ah, y si me hago un crack es por tu ayuda y la de algunos mas aqui en cctw. Sois (perdon por la expresion) "de puta madre".

Un saludo!

Calla calla, que me pongo colorado :rolleyes: jaja

Saludos!
Gracias a todos por su ayuda, despues de revizar de nuevo encontre un error, bueno mas bien un horror jeje, lo que pasa es que a los submenus de herramientas les cree una carpeta a cada uno y dentro de ellos su respectiva página *.html. y no lo tenía que hacer, asi que elimine esas carpetas y deje dentro de erramientas todos los archivos *.html. o sea quedo asi:

[contenido no disponible]

De nuevo gracias.