propiedad selected

foroworld · #1 (**permalink**) 13/05/2009, 09:50

Hola,

Tengo un problema con la propiedad "a.selected" de un menu.
Cuando estoy en la página seleccionada, la pestaña no se queda marcada.
Aquí os dejo el código para ver si alguien me puede ayudar.

Muchas Gracias.

Código HTML:

<div id="menu">
                   <ul class="navigation">
                		<li><a href="opcion1.html">opcion1</a></li>
                		<li><a href="opcion2.html">opcion2</a></li>
				<li><a href="opcion3.html">opcion3</a></li>
               	   </ul>
          </div><!--div menu-->

/* hoja de estilos*/

#menu{
text-align:center;
font-family:arial;
font-size:14px;
margin-top:75px;
}

.navigation ul{
list-style: none;
margin: 0;
padding: 0;
}

.navigation li {
display: inline;
margin-right: 10px;
}

.navigation a {
padding: 3px;
text-decoration: none;
color:#FFFFFF;
}

.navigation a:hover {
color:#eb882c;
}

.navigation a.selected{
color: #eb882c;
}

daPhyre · #2 (**permalink**) 13/05/2009, 09:55

Una pregunta: ¿Es a.selected o a:selected?

Cuida esos dos puntos. Suerte

foroworld · #3 (**permalink**) 13/05/2009, 10:04

lo he puesto de las dos formas y no funciona.

muchas gracias

daPhyre · #4 (**permalink**) 13/05/2009, 10:09

Quizá se deba a que no existe nada llamado :selected (Quizá esté equivocado). Estos son los únicos que conosco, espero alguno de ellos te sirva:

a:link
a:visited
a:hover
a:focus
a:active

(Entre nos, creo que el que buscas es "a:focus, a:active", toma en cuenta que focus en todos los navegadores es active en IE).

foroworld · #5 (**permalink**) 13/05/2009, 10:15

tb lo he intentado con "a:focus, a:active" y no hay forma que se quede la pestaña marcada indicando en que página me encuentro.
quizás tendría que utilizar algún script??

daPhyre · #6 (**permalink**) 13/05/2009, 10:22

El problema es que al hacer clic sobre el link, se cambia a una página nueva y "se borra" última selección.

La forma más fácil de simular lo que quieres, es ponienendo una class="selected" al link que dirige a la página en la que estás y usar el código que tenías originalmente. Suerte

foroworld · #7 (**permalink**) 13/05/2009, 10:26

disculpa, no entiendo muy bien el truco.
Te refieres a poner en cada página una class="selected" al link de la página en la que estoy???

daPhyre · #8 (**permalink**) 13/05/2009, 10:29

Correcto.

Había una forma "más sencilla" por ahí, pero a mi me parece más compleja la verdad

Lo siento, así son las cosas. Focus/Active solo sirve para seleccionar en una misma página con anclas e IDs, por ejemplo, o en casos especiales, como el uso de AJAX. Suerte

Edición: Otro punto donde se nota, es que si regresas a la página anterior, se ve la última selección. De ahí fuera...

foroworld · #9 (**permalink**) 13/05/2009, 10:37

daPhyre,

todo perfectoooo

Muchas gracias por la ayuda.