CSS et a:hover link visited .etc comment en faire de plusieurs styles?

CSS et a:hover link visited .etc comment en faire de plusieurs styles? - HTML/CSS - Programmation

Marsh Posté le 16-07-2002 à 09:57:46    

voilà , comment signifier dans un .CSS que l'on veut different types de a:hover a:link a:visited
 
vous voyez ce que je veux dire ?
 
merci d'avance

Reply

Marsh Posté le 16-07-2002 à 09:57:46   

Reply

Marsh Posté le 16-07-2002 à 10:07:48    

bin tu concatènes :p
 
par exemple:
 
a:visited:hover
 
 
etc...

Reply

Marsh Posté le 16-07-2002 à 11:51:21    

k666 a écrit a écrit :

bin tu concatènes :p
 
par exemple:
 
a:visited:hover
 
 
etc...



Mmmmm... je ne suis pas sûr si c'est ce qu'il a voulu dire.
 
Pour définir plusieurs types de a:hover, il suffit de définir des classes :
 
a.classe1:hover, a.classe2:hover, a.classe1:visited, etc.
 
Et dans les liens :  
 
<a href="..." class="classe1">
<a href="..." class="classe2">
...

Reply

Marsh Posté le 12-10-2009 à 11:00:54    

Je me permets de faire revivre ce topic car la technique de gm_superstar marche nickel, mais comment faire pour avoir des "a.active" différents? Ca j'y arrive pas... :s


---------------
i7 2600k @4.5Ghz Sabertooth Z77 4x4Go Ripjaws DDR3 @1067Mhz  9-11-10-28 2T SLI GTX660 @1100/1600Mhz Corsair AX860 Samsung Pro 256Go + 2x2To WD Green RAID1 HAF-XB Water CPU AIO CM240M
Reply

Marsh Posté le 12-10-2009 à 11:03:17    

je suis pas sur d'avoir compris, mais tu peux toujours mettre plusieurs classes sur tes éléments...

Code :
  1. <a href="..." class="active classe1">
  2. <a href="..." class="active classe2">

Reply

Marsh Posté le 15-10-2009 à 17:21:15    

Exactement comme l'a dit gm_superstar
 
Lorsque tu crée une classe comme l'exemple <a href="..." class="classe1">  
 
dans le feuille css ajoute aussi la même chose mais pour l'active
c'est a dire
a.classe1:link {ton_style} (le lien par default
a.classe1:hover {ton_style} (le lien au passage de la souris pour fair un rollover )
a.classe1:visited {ton_style} (lors le lien a déjà été cliquer )
et dans ton cas
a.classe1:active  
 
Ensuite si a un lien tu veut un style différent, eh bien tu change
<a href="..." class="classe2">
 
et dans ta feuille de style :  
a.classe2:hover {ton_style}
a.classe2:hover {ton_style}
a.classe2:visited {ton_style}
a.classe2:active
etc...
 
il ne faut pas faire  
 
<a href="..." class="active classe1">


Message édité par dark-spider le 15-10-2009 à 17:23:39

---------------
Mon site folio : ici : webdesigner / infographiste
Reply

Marsh Posté le 15-10-2009 à 18:11:08    

On a le droite de mettre plusieurs classes sur un élément et encore heureux :o


---------------
Blablaté par Harko
Reply

Marsh Posté le 15-10-2009 à 22:43:15    

Sauf le bug dans IE 6 quand on veut sélectionner un élément par plusieurs de ses classes à la fois :( (ça empêche pas de les utiliser une par une dans des sélecteurs différents)

 

Et LVHA / LoVe HAte :o

 

http://hfr-rehost.net/static.zooomr.com/images/6989573_8598e26674_o.jpg

 

EDIT: quel rapport entre .active et :active ? Ça confusionnerait pas un petit peu ?


Message édité par phosphoreloaded le 15-10-2009 à 22:44:32
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed