Ver Mensaje Individual
  #8 (permalink)  
Antiguo 20/05/2007, 15:36
moneo
 
Fecha de Ingreso: diciembre-2005
Mensajes: 18
Antigüedad: 19 años, 3 meses
Puntos: 0
Re: Dar foco a links

Shiryu_Libra agradezco tu interés..

Tal como planteas tampoco se resuelve el problema.

Tambien extraje ese codigo CSS de la pagina para probar...

Código:
<style>

.nlink:active {
background-image:url(images/nbay.gif);
background-position:left center;
background-repeat:no-repeat;
color:#FF6633;
font-weight:bolder;
line-height:18px;
padding-left:16px;
text-decoration:underline;
}

.nlink:link {
background-image:url(images/nbay.gif);
background-position:left center;
background-repeat:no-repeat;
color:#808080;
font-weight:bolder;
line-height:18px;
padding-left:16px;
text-decoration:none;
}

.nlink:visited {
background-image:url(images/nbay.gif);
background-position:left center;
background-repeat:no-repeat;
color:#808080;
font-weight:bolder;
line-height:18px;
padding-left:16px;
text-decoration:none;
}

.nlink:hover {
background-image:url(images/nbay.gif);
background-position:left center;
background-repeat:no-repeat;
color:#FF6633;
font-weight:bolder;
line-height:18px;
padding-left:16px;
text-decoration:underline;
}
</style>

<a class="nlink" href="1.html">uno</a>
<a class="nlink" href="2.html">dos</a>
si creas dos paginas html diferentes con el mismo codigo CSS nos encontraremos con la misma situacion.

Cuando vas de una pagina a otra, esta se refresca, por lo tanto el link que has pinchado pierde el foco y se nos presenta con el color inicial.

Cuando pinchas el link, si que cambia su color al pasar por encima y al ser clickeado, pero no lo mantiene al cambiar de pagina.

Se trata que el codigo CSS cambie en cada una de las paginas pero sin tener que crear un menu con un CSS diferente en cada una de las paginas.

El CSS puede cambiar el color, tamaño, etc... de cualquier objeto cuando pasas el raton por encima, pinchas el enlace, etc..., pero quiza estamos hablando de conseguir hacer algo que dinamicamente no es posible solo con CSS, sino que hay que combinar esta tecnologia de maquetación con otra dinamica como javascript, asp o php.


------------------------------

Quizá me este explicando yo mal.....

Tengo un menu lateral en un "include" que me vale para todas las paginas de mi web.....

Los enlaces tienen un estilo concreto creado con CSS...

Deseo que con ese unico menu que he creado para toda mi Web, y que lo llamo a traves de una funcion include, consiga darle un estilo diferente al enlace activo con respecto a los demas enlaces de mi menu.

Ejemplo:

Si estuviera navegando por la pagina de contenido:

inicio====>color gris

contenido====>color rojo(este es el enlace activo).

empresa====>color gris

contacto====>color gris




Si estuviera navegando por la pagina de contacto:

inicio====>color gris

contenido====>color gris

empresa====>color gris

contacto====>color rojo(este es el enlace activo).



Un saludo