Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1801 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Image liens avec des bordures

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Image liens avec des bordures

n°595187
Big-Foot
Posté le 21-12-2003 à 17:10:09  profilanswer
 

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
mood
Publicité
Posté le 21-12-2003 à 17:10:09  profilanswer
 

n°595188
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-12-2003 à 17:12:18  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°595193
KdZ'
Simple®
Posté le 21-12-2003 à 17:22:05  profilanswer
 

antp a écrit :

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


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

n°595197
Big-Foot
Posté le 21-12-2003 à 17:31:10  profilanswer
 

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. }

n°595211
gizmo
Posté le 21-12-2003 à 17:50:26  profilanswer
 

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

n°595214
Big-Foot
Posté le 21-12-2003 à 17:56:33  profilanswer
 

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

n°595217
gizmo
Posté le 21-12-2003 à 18:01:56  profilanswer
 

oui.

n°595219
Big-Foot
Posté le 21-12-2003 à 18:09:58  profilanswer
 

donc je met koi ?

n°595221
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-12-2003 à 18:17:59  profilanswer
 

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
n°595224
gizmo
Posté le 21-12-2003 à 18:23:16  profilanswer
 

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
mood
Publicité
Posté le 21-12-2003 à 18:23:16  profilanswer
 

n°595225
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-12-2003 à 18:24:36  profilanswer
 

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
n°595227
gizmo
Posté le 21-12-2003 à 18:28:57  profilanswer
 

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.

n°595529
Big-Foot
Posté le 22-12-2003 à 13:18:20  profilanswer
 

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
n°595540
gizmo
Posté le 22-12-2003 à 14:01:21  profilanswer
 

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

n°595568
Big-Foot
Posté le 22-12-2003 à 14:35:27  profilanswer
 

est ce que c'est compatible IE ??

n°595577
gm_superst​ar
Appelez-moi Super
Posté le 22-12-2003 à 14:46:51  profilanswer
 

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
n°595584
Big-Foot
Posté le 22-12-2003 à 14:52:25  profilanswer
 

d'accord merci


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Image liens avec des bordures

 

Sujets relatifs
[CSS] background-image: Problèmeune image différente tout les x secondes
Filemaker : script pour reduire une image[XHTML/CSS] Question con sur les classes CSS ...
Equivalent de cellspacing pour une table en CSS ?CSS : formulaires
[CSS] experts bienvenus :)[CSS] 3 div côte-à-côte + adapter la hauteur d'un div
Afficher une image qui est sur un autre disque que celui du serveur ? 
Plus de sujets relatifs à : [CSS] Image liens avec des bordures


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR