problema básico con CSS... ayuda!

[Speedbit]

Hola a todos, a ver si alguien puede ayudarme...

Sé que esto es MUY básico, pero nunca lo he hecho... y de todas formas que pruebo, no consigo hacer que funcione.

Estoy tratando de diferenciar dos tipos de enlaces: los "generales" del sitio y los específicos del menú... y siempre, se aplica solamente el estilo "global" e ignora por completo lo que pongo en los estilos del menú!

Esto es lo que estoy armando en un CSS externo (lo aclaro, porque no sé si puede tener que ver!)

Código HTML:

a:link {text-decoration: none; color: #FFFFFF;}
a:visited {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: none; color: #FFFFFF;}
a:active {text-decoration: none; color: #FFFFFF;}

.tabMenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
a.tabMenu:visited {color:#333333;}
a.tabMenu:active {color:#333333;}
a.tabMenu:link {color:#333333}
a.tabMenu:hover {color:#333333}

Ya probé todo lo que mi limitado cerebro me propone y sigue sin funcionar (siempre "manda" el estilo aplicado a los enlaces "generales")

Gracias de antemano a quien pueda darme una mano!
Saludos.

[danneg]

primero va link, ya que sucede antes de todos los eventos

despues va visited ya que ocurre al precionar el link

despues va hover en caso de que visited este activado hover lo desactiva y vuelve a link

al final va active, ya que ocurre a final de todos y su estilo se resetea al salir del evento

si pones link despues de otro evento este reseteara los demas estilos ya que este es un pseudoelemnto global

[iLeaz]

el estilo se lo tenés que aplicar al elemento del enlace.

<a class="astyle"></a>

el a siempre toma su valor original.´

PD: nunca necesité ordenar los eventos hover,visited etc... para mí, no se relacionan... active es cuando se clickea el objeto... creo que le estas dando esa propiedad a visited danneg...

[danneg]

amm no estoy bien

visited hace lo mismo pero se queda asi, y active vuelve a su estado anterior al salir del evento

y para generalizar vas con scribir a asecas(solo)

a { estilo }

[jomaruro]

Hola:

Iniciado por danneg

primero va link, ya que sucede antes de todos los eventos
despues va visited ya que ocurre al precionar el link
despues va hover en caso de que visited este activado hover lo desactiva y vuelve a link
al final va active, ya que ocurre a final de todos y su estilo se resetea al salir del evento

¿Seguro? Me parece que hay alguna incorrección.

/*Modulos de Hipertexto*/

* A:link { } /* vínculos no visitados */
* A:visited { } /* vínculos visitados */
* A:hover { } /* el usuario señala el vínculo */
* A:active { } /* vínculos activos */

*/

Extraído de http://www.forosdelweb.com/f53/faqs-...30/#post331045

Saludos.

[Speedbit]

muchas gracias a todos por la onda y las ganas de ayudar a este ignorante!!

bueno, he hecho caso a todas las sugerencias:
en principio "ordenando" los elementos del CSS ya que aunque funcionen, quedaban horribles así!!... pero es que de tanto meter manos, lo terminé "enchastrando"!! JA!
de modo que ahora se ve así:

Código CSS:

a:link {text-decoration: none; color: #FF0000;}
a:visited {text-decoration: none; color: #FF0000;}
a:hover {text-decoration: none; color: #FF0000;}
a:active {text-decoration: none; color: #FF0000;}
 
.tabMenu {
    font-family: Tahoma, Arial, Verdana;
    font-size: 13px;
    color: #333333;
    text-decoration: none;
}
a.tabMenu:link {color:#333333}
a.tabMenu:visited {color:#333333;}
a.tabMenu:hover {color:#333333}
a.tabMenu:active {color:#333333;}
 

y el HTML quedaría entonces, para cada elemento como

Código HTML:

<a href="xxx1.html" class="tabMenu">xxx1</a>
 

he probado y el tema viene por donde sugería iLeaz, es solo cuestión de asignar a CADA elemento, la clase deseada.


en cuanto a la sugerencia de danneg: (probé luego de esto, alterar nuevamente (a propósito) el orden en el CSS y funciona igual... aunque es solo un tema "estético", evidentemente, queda mejor ordenado "como debe ser"!


ahora viene LA GRAN RE-PREGUNTA: entonces va a ser siempre necesario indicar para cada pequeño link, individualmente y uno a uno, su clase específica??
no puedo aplicarlo así (como en otros casos) directamente al estilo de un DIV o una celda?


por lo pronto (si bien he solucionado el tema) me gustaría profundizar algo más en el modo más "práctico" de hacerlo.... por lo que espero que puedan guiarme un poco más!


Saludos a todos ... y MUCHAS GRACIAS!

[danneg]

bueno si es lo que quise decir

que no me supe explicar fue otra cosa

lean detenidamente la descripcion de los eventos que puse
(los llamo asi por que en programacion se llaman asi, estos son pseudo clases)

pero bueno, el punto es sçese, el orden y como globalizarlos

jejeje