Foros del Web » Creando para Internet » CSS »

problema básico con CSS... ayuda!

Estas en el tema de problema básico con CSS... ayuda! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/03/2010, 09:48
 
Fecha de Ingreso: marzo-2010
Mensajes: 54
Antigüedad: 7 años, 9 meses
Puntos: 3
problema básico con CSS... ayuda!

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.
  #2 (permalink)  
Antiguo 13/03/2010, 10:09
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: problema básico con CSS... ayuda!

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
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #3 (permalink)  
Antiguo 13/03/2010, 10:13
 
Fecha de Ingreso: agosto-2009
Ubicación: Al fondo a la derecha
Mensajes: 308
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: problema básico con CSS... ayuda!

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...
__________________
Abre tu mente: Index no signigica index, significa índice
  #4 (permalink)  
Antiguo 13/03/2010, 12:16
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: problema básico con CSS... ayuda!

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 }
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]
  #5 (permalink)  
Antiguo 13/03/2010, 13:50
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: problema básico con CSS... ayuda!

Hola:

Cita:
Iniciado por danneg Ver Mensaje
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.

  #6 (permalink)  
Antiguo 13/03/2010, 15:45
 
Fecha de Ingreso: marzo-2010
Mensajes: 54
Antigüedad: 7 años, 9 meses
Puntos: 3
De acuerdo Respuesta: problema básico con CSS... ayuda!

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:
Ver original
  1. a:link {text-decoration: none; color: #FF0000;}
  2. a:visited {text-decoration: none; color: #FF0000;}
  3. a:hover {text-decoration: none; color: #FF0000;}
  4. a:active {text-decoration: none; color: #FF0000;}
  5.  
  6. .tabMenu {
  7.     font-family: Tahoma, Arial, Verdana;
  8.     font-size: 13px;
  9.     color: #333333;
  10.     text-decoration: none;
  11. }
  12. a.tabMenu:link {color:#333333}
  13. a.tabMenu:visited {color:#333333;}
  14. a.tabMenu:hover {color:#333333}
  15. a.tabMenu:active {color:#333333;}

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

Código HTML:
Ver original
  1. <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!
  #7 (permalink)  
Antiguo 13/03/2010, 19:58
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 3 meses
Puntos: 48
Respuesta: problema básico con CSS... ayuda!

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
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:06.