Bord de couleur noir pour une image avec un lien

Bord de couleur noir pour une image avec un lien - HTML/CSS - Programmation

Marsh Posté le 02-05-2003 à 23:30:29    

Bonjour,  
 
Voilà j'affiche une image avec un border='1'. C'est joli tout plein avec un joli cadre noir.
 
Maintenant si je met un lien sur cette image (avec un bete href), v'la'ti'pas que le cadre devient bleu .. et je n'arrive pas a le forcer à redevenir noir ..; z'avez une idée ?


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 02-05-2003 à 23:30:29   

Reply

Marsh Posté le 02-05-2003 à 23:35:18    

molosse a écrit :

Bonjour,  
 
Voilà j'affiche une image avec un border='1'. C'est joli tout plein avec un joli cadre noir.
 
Maintenant si je met un lien sur cette image (avec un bete href), v'la'ti'pas que le cadre devient bleu .. et je n'arrive pas a le forcer à redevenir noir ..; z'avez une idée ?


 
tu fais ton bord avec photoshop ou un soft de traitement d'image et tu mets le border à 0  [:spamafote]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 02-05-2003 à 23:41:29    

Euhh ouais .. mais j'ai a peu près 2300 images à traiter alors (une pour chaque article de mon site) .. ça fait bcp non ? :lol:


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 02-05-2003 à 23:43:12    

molosse a écrit :

Euhh ouais .. mais j'ai a peu près 2300 images à traiter alors (une pour chaque article de mon site) .. ça fait bcp non ? :lol:  


 
script photoshop  :/


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 02-05-2003 à 23:59:04    

Ouais mais non : recompression JPEG = Re-perte de données et de qualités. En plus l'algo de compression JPEG de toshop ne me convient pas du tout ( a faible taux la qualité est minable comparé a celui de ACDSEE).


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 02-05-2003 à 23:59:27    

a.truc
{
  border: solid 1px black;
}
img
{
  border: none;
}
 
et dans le html:
<a href="..." class="truc"><img src="..." /></a>
 
Il y a normalement un truc pour ne pas devoir préciser la classe du <a> (pour que tous les <a> encadrant une image prennent le style) mais
- je ne me souviens plus de la syntaxe
- je suis pas sûr qu'IE le supporte


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

Marsh Posté le 03-05-2003 à 00:06:25    

a img
{
  border: solid 1px black;
}

Reply

Marsh Posté le 03-05-2003 à 00:17:57    

ha ça marche comme ça ? :D je croyais qu'il fallait utiliser les ">" qui eux justement posent problème dans IE :o


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

Marsh Posté le 03-05-2003 à 00:22:43    

antp a écrit :

ha ça marche comme ça ? :D je croyais qu'il fallait utiliser les ">" qui eux justement posent problème dans IE :o

Les ">" ne marchent effectivement pas dans ie.  
 
http://www.w3.org/TR/REC-CSS2/selector.html
 
Je crois bien que E F matche tous les descendants, E > F seulement les enfants directs. (J'ai du mal avec leur terminologie ...)

Reply

Marsh Posté le 03-05-2003 à 00:31:22    

Thanks les gars .. c'est nickel ..


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 03-05-2003 à 00:31:22   

Reply

Marsh Posté le 03-05-2003 à 00:40:05    

euhh ca marche pas tout a fait si bien que ça ..  
 
En mettant :
 
a.truc{
 border: solid 1px black;
}
img
{
 border: none;
}
 
Puis class="truc" dans le href, j'obtiens ça :
 
http://www.infomoinscher.net/lirec [...] sques-Durs
 
Tout est ok sauf le bord droit qui n'apparait pas dans l'image .. c'est chelou non ?


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 03-05-2003 à 00:43:12    

en fait je me demande si mon truc est juste :D
 
essaie plutôt le truc de youdontcare
 
sinon ce que j'aurais dû mettre c'est plutôt :
 
img
{
 border: solid 1px black;
}
 
sans préciser de classe ni rien, comme ça y aura un bord noir à toutes tes images (comme tu le voulais) sans devoir mettre border="1", faut voir si ca ne se fait pas "écraser" par la couleur du <a>


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

Marsh Posté le 03-05-2003 à 11:25:51    

:D  
 
Ahh non non non .. je veux pas de bord noir a toutes mes images .. t'imagine à quoi ressemblerai mon site ? beurk ..  :lol:


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Marsh Posté le 03-05-2003 à 11:26:55    

bah alors essaie la solution de youdontcare, ou bien ceci :
 
img.truc
{
border: solid 1px black;
}  
 
et tu mets class="truc" pour les images qui doivent avoir leur bord noir


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

Marsh Posté le 03-05-2003 à 11:44:28    

Nickel ça roule ...
 
Merci  !!


---------------
Mon comparateur de prix préféré (le miens !):www.infomoinscher.net
Reply

Sujets relatifs:

Leave a Replay

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