La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Liens images : remplacer le cadre bleu par un noir
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Liens images : remplacer le cadre bleu par un noir  (Lu 1138 fois)
Liens images : remplacer le cadre bleu par un noir
« sur: le 13-03-2006 a 13:49:52 »
jackkkkk1
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 19





Voir le Profil    WWW
Répondre avec citation

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. 

Rapporter au modérateur  

« Nous pouvons améliorer les images du monde et, comme ça, nous pouvons améliorer le monde. » Wim Wenders

Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #1 sur: le 13-03-2006 a 15:56:54 »
acd666
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 6





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  

Anaconda666.net
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #2 sur: le 14-03-2006 a 09:49:01 »
Haunt
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 68





Voir le Profil    E-Mail
Répondre avec citation

Ton code est bon acd666, tu peut aussi mettre dashed, sa fait un petit effet simpa, après a toi de voir.

Rapporter au modérateur  

<< Apprendre, Exercer, Aider, Enseigner >>
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #3 sur: le 14-03-2006 a 10:39:49 »
jackkkkk1
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 19





Voir le Profil    WWW
Répondre avec citation

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

« Dernière Édition: le 14-03-2006 a 10:41:48 par jackkkkk1 » Rapporter au modérateur  

« Nous pouvons améliorer les images du monde et, comme ça, nous pouvons améliorer le monde. » Wim Wenders
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #4 sur: le 14-03-2006 a 10:50:56 »
acd666
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 6





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

« Dernière Édition: le 14-03-2006 a 10:51:38 par acd666 » Rapporter au modérateur  

Anaconda666.net
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #5 sur: le 14-03-2006 a 11:09:27 »
DJolhan
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 777





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  

Agence web H.D.Clic : creation site internetcréation site web
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #6 sur: le 14-03-2006 a 11:24:18 »
jackkkkk1
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 19





Voir le Profil    WWW
Répondre avec citation

Merci à tous, continuez comme ça ! 

Rapporter au modérateur  

« Nous pouvons améliorer les images du monde et, comme ça, nous pouvons améliorer le monde. » Wim Wenders
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #7 sur: le 14-03-2006 a 18:55:21 »
acd666
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 6





Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: JokoZetla 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

exact! j'étais très mal réveillé 

Rapporter au modérateur  

Anaconda666.net
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #8 sur: le 15-03-2006 a 18:03:18 »
dhjapan
Membre récent
*

Hors-Ligne

Messages: 29



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Ou alors,
Code:

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

Applique les bord noir à toutes les images liens ... sans avoir à preciser une class

Rapporter au modérateur  
Re:Liens images : remplacer le cadre bleu par un noir
« Répondre #9 sur: le 16-03-2006 a 14:50:38 »
DJolhan
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 777





Voir le Profil    WWW
Répondre avec citation

Citation de: 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

Citation:
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

Rapporter au modérateur  

Agence web H.D.Clic : creation site internetcréation site web
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg