Titre: Liens images : remplacer le cadre bleu par un noir
Posté par: jackkkkk1 le le 13-03-2006 a 13:49:52
Bonjour,
Je cherche comment non pas suprimer le cadre bleu (1px) qui se forme autour d'une image comportant un lien mais le remplacer par un cadre (1px) noir.
Merci de me filer un coup de patte. ;)
|
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: acd666 le le 13-03-2006 a 15:56:54
salut.
Tu peux essayer en modifier l'attribut border dans ta feuille css.
ça doit donner un truc du genre:
img
{
border: solid 1px #000000;
}
à tester.... |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: Haunt le le 14-03-2006 a 09:49:01
| Ton code est bon acd666, tu peut aussi mettre dashed, sa fait un petit effet simpa, après a toi de voir. |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: jackkkkk1 le le 14-03-2006 a 10:39:49
Merci à vous le code fonctionne mais en le modifiant à partir du code css, je m'oblige à donner cette propriété à TOUTES les images de la page. Y aurait il une solutions pour éviter que certaines images ne soient encadrées?
Merci |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: acd666 le le 14-03-2006 a 10:50:56
oui
cela dépend,
si par exemple, les images auquelles tu veux appliquer la bordure noire sont dans une division de page, tu peux faire:
HTML:
<div id="images_bordure_noir"><img src="mon_image.jpg" alt="img"></div>
CSS:
#images_bordure_noir img
{
border: solid 1px #000000;
}
de cette manière, la bordure noire s'appliquera à toutes les images de la div. Les autres gaderons leur bordure bleue |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: DJolhan le le 14-03-2006 a 11:09:27
Tu as plus simple :
CSS:
img.images_bordure_noir
{
border: solid 1px #000000;
}
Et derriere le code html :
<img src="mon_image.jpg" alt="img" class="images_bordure_noir" />
acd666 : tu as oublié de fermer ta balise img ;) |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: jackkkkk1 le le 14-03-2006 a 11:24:18
| Merci à tous, continuez comme ça ! ;) |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: acd666 le le 14-03-2006 a 18:55:21
Tu as plus simple :
CSS:
img.images_bordure_noir
{
border: solid 1px #000000;
}
Et derriere le code html :
<img src="mon_image.jpg" alt="img" class="images_bordure_noir" />
acd666 : tu as oublié de fermer ta balise img ;)
|
|
exact! j'étais très mal réveillé :P |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: dhjapan le le 15-03-2006 a 18:03:18
Ou alors,
Code:
a img
{
border: solid 1px #000000;
}
|
|
Applique les bord noir à toutes les images liens ... sans avoir à preciser une class |
Titre: Re:Liens images : remplacer le cadre bleu par un noir
Posté par: DJolhan le le 16-03-2006 a 14:50:38
Ou alors,
Code:
a img
{
border: solid 1px #000000;
}
|
|
Applique les bord noir à toutes les images liens ... sans avoir à preciser une class
|
|
Merci à vous le code fonctionne mais en le modifiant à partir du code css, je m'oblige à donner cette propriété à TOUTES les images de la page. Y aurait il une solutions pour éviter que certaines images ne soient encadrées?
Merci |
|
Attention a bien lire tout le thread avant de poster ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|