[CSS] Image liens avec des bordures

Image liens avec des bordures [CSS] - HTML/CSS - Programmation

Marsh Posté le 21-12-2003 à 17:10:09    

hello,
 
pour mes liens j'ai ca :

Code :
  1. a { color:#000000; text-decoration:none; }
  2. a:link:visited { color:#000000; text-decoration:none; }
  3. a:hover { color:#FFFFFF; text-decoration:underline; }
  4. active { color:#FFFFFF; text-decoration:underline; }


 
Et je voudrais que ca fasse la meme chose pour mes images mais avec des bordures, donc j'ai fait ca :

Code :
  1. img.border
  2. {
  3. margin: 0;
  4. padding: 0;
  5. border-style: solid;
  6. border-width: 1px;
  7. border-color: #000000;
  8. }
  9. img.border:link:visited /* <- ca sert a rien ca non ?? */
  10. {
  11. border-color: #FFFFFF;
  12. }
  13. img.border:hover
  14. {
  15. border-color: #FFFFFF;
  16. }


 
Mais cette méthode ne me plait pas beaucoup, je voudrais plutôt qu'au lieu de la class="border", ce soit toutes les "images liens" qui aient ces propriétés, et en plus ce que j'ai fait ne fonctionne pas dans IE.


Message édité par Big-Foot le 21-12-2003 à 17:10:26
Reply

Marsh Posté le 21-12-2003 à 17:10:09   

Reply

Marsh Posté le 21-12-2003 à 17:12:18    

a img
{
  border: 1px solid #000000;
}


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-12-2003 à 17:22:05    

antp a écrit :

a img
{
  border: 1px solid #000000;
}


 
 
A ok, moi je pensait que c'etait  
 
a.img
{
  border: 1px solid #000000;
}

Reply

Marsh Posté le 21-12-2003 à 17:31:10    

je crois que ce que antp a dit est juste.
 
Mais une partie de mon code ne fontionne pas sous ie :
 

Code :
  1. a img:link:visited
  2. {
  3. border-color: #FFFFFF;
  4. }
  5. a img:hover
  6. {
  7. border-color: #FFFFFF;
  8. }

Reply

Marsh Posté le 21-12-2003 à 17:50:26    

c'est normal, le début est faux.

Reply

Marsh Posté le 21-12-2003 à 17:56:33    

ca ?
 
   a img:link:visited
   {
     border-color: #FFFFFF;
   }

Reply

Marsh Posté le 21-12-2003 à 18:01:56    

oui.

Reply

Marsh Posté le 21-12-2003 à 18:09:58    

donc je met koi ?

Reply

Marsh Posté le 21-12-2003 à 18:17:59    

je dirais
a img:link, a img:visited
mais sans en être sûr
le link et visited soit peut-être plutôt se mettre à côté du "a" que du "img"


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-12-2003 à 18:23:16    

et moi je mettrai simplement a img, vu que les deux sont traité de la même manière ;)


Message édité par gizmo le 21-12-2003 à 18:23:26
Reply

Marsh Posté le 21-12-2003 à 18:23:16   

Reply

Marsh Posté le 21-12-2003 à 18:24:36    

S'il veut que le hover, le visited et le link aient un autre aspect faut bien les redéfinir :p
Puis il me semble que si tu ne définis pas visited et active IE utilise ses propres couleurs, non ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 21-12-2003 à 18:28:57    

t'as juste à définir le hover dans ce cas, les autres auront la couleur du a img, comme c'est le cas pour le moment.

Reply

Marsh Posté le 22-12-2003 à 13:18:20    

dites moi est ce que c'est juste ? parce que ca fonctionne pas sous IE :
 

Code :
  1. a img
  2. {
  3. border: 1px solid #000000;
  4. }
  5. a img active
  6. {
  7. border: 1px solid #FFFFFF;
  8. }
  9. a img:hover
  10. {
  11. border: 1px solid #FFFFFF;
  12. }


 
ou
 

Code :
  1. a img
  2. {
  3. border: 1px solid #000000;
  4. }
  5. a img:link
  6. {
  7. border: 1px solid #000000
  8. }
  9. a img:visited
  10. {
  11. border: 1px solid #000000
  12. }
  13. a img active
  14. {
  15. border: 1px solid #FFFFFF;
  16. }
  17. a img:hover
  18. {
  19. border: 1px solid #FFFFFF;
  20. }


Message édité par Big-Foot le 22-12-2003 à 13:26:04
Reply

Marsh Posté le 22-12-2003 à 14:01:21    

a img
  {
    border: 1px solid #000;
  }  
a img:hover, a img:active
  {
    border: 1px solid #fff;
  }

Reply

Marsh Posté le 22-12-2003 à 14:35:27    

est ce que c'est compatible IE ??

Reply

Marsh Posté le 22-12-2003 à 14:46:51    

Non. :hover :active et compagnie ne fonctionnent que sur un élément <a> avec IE.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 22-12-2003 à 14:52:25    

d'accord merci

Reply

Sujets relatifs:

Leave a Replay

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