Duda tutorial: Crear menus de navegación en CSS usando lista

Hola,

Use el tutorial publicado por ramm para crear un sencillo menu CSS de navegacion de mi página:

http://www.digit-services.com

Quisiera saber cómo hago para que el menu (el que esta hecho en CSS) correspondiente a la página que está activa (después de que se ha dado clik) quede en otro color para que el usuario sepa (o recuerde) donde está navegando dentro del site.

Gracias,

eso lo haces con javascript o php. con css sólo puedes marcar los links que ya fueron visitados o que están activos, es decir, que acabas de presionarlos.

Fael, precisamente necesito marcar los link activos. Puedes explicarme cómo lo hago con CSS?

marlinton, creo que es algo así:

Código :

a:active {
text-decoration : none; 
color : #000099; 
} 

Salu2.
[ JCRM ]

marliton, te repito que NO es posible, con a:active sólo se "marcará" en el momento en el que haces el click, pero cuando cargue la página nueva todo va a estar igual

por favor, lee detenidamente mi mensaje.

Entendido Fael. Muchas Gracias buscaré otra opción.
También gracias por tu respuesta Vertigo.

Creo que la única manera es asignar dinamicamente el estilo "activo" al boton "Activo"...

marlinton, tu web no es dinamica, asi que no es tan dificil hacerlo.

En cada pagina, le vas a colocar una clase al <li> correspondiente a esa pagina, por ejemplo:

En desarrollo.htm quedaria asi

Código :

<ul id="menu">
  <li> <a href="index.htm"> Home </a> </li>
  <li class="activo"> <a href="desarrollo.htm"> Desarrollo </a></li>
  <li> <a href="diseno.htm"> Dise&ntilde;o </a> </li>
  <li> <a href="consultoria.htm"> Consultor&iacute;a </a> </li>
</ul>

En consultoria.htm asi:

Código :

<ul id="menu">
  <li> <a href="index.htm"> Home </a> </li>
  <li> <a href="desarrollo.htm"> Desarrollo </a></li>
  <li> <a href="diseno.htm"> Dise&ntilde;o </a> </li>
  <li class="activo"> <a href="consultoria.htm"> Consultor&iacute;a </a></li>
</ul>

Y asi con todos.
Luego haces una clase en el CSS para definir el estilo de esos vinculos.

Te diriges a esa clase de esta forma:

Código :

ul#menu li.activo a {
  color:..........lo que quieras
  }

con eso tienes.

Saludos

Gracias por sus respuestas.

Permíteme una pregunta Ramm. Según entiendo, debo crear una lista para cada página y al link correspondiente hacerle el class="activo"

En mi caso estoy usando una plantilla que contiene, entre otras cosas, el menú. Tengo que dejar de usar la plantilla y usar páginas independientes si quiero usar el código que me diste?

Gracias,

como dije marliton, no necesariamente tienes que dejar de usar la plantilla, si usas javascript o php puedes lograrlo.

fael escribió:

En el caso de PHP, lo haces con una variable que evaluada defina lo que mostrará (en tu caso, el estilo).