Bordure autour d'une image

Bonjour tout le monde !

Avant que je devienne fou voila mon probleme. Depuis hier soir je regarder comment mettre une bordure toute bete sur une image. Alros entre IE et FF j'ai envie d'écorcher quelqu'un. J'ai essayé le tuto sur ce forum mais rien n'y fait .

J'ai un lien sur cette image en plus. Alors j'ai fait toutes sortes de méthodes...

mon lien est de ce type

<a href="#" class="imgborder2"><img src="img/photo_01.jpg" border="0" width="100" height="100"></a>

et ma classe de ce type

a.imgborder2:link, a.imgborder2:active, a.imgborder2:hover, a.imgborder2:visited, 
	{
	border:2px solid #336699;
	}

Rien de plus bete en soit...mais avec les float et tout je m'y perds.

Merci de votre aide
moon (tatychardie power)
Modifié par moon (28 Apr 2005 - 11:26)

Bonjour moon

Pour une meilleure compréhension de ton message, peux-tu placer les codes entre les balises "Code" s'il te plait ?

Merci d'avance

C'est fait

Bonjour,

<a class="imgborder" href="#"><img src="smallS.jpg" width="100" height="100"></a>

a.imgborder:link, a.imgborder2:active, a.imgborder2:hover, a.imgborder2:visited, 
{
color: #336699;
}
a.imgborder img
{
  border: 2px #336699 solid
}

Voila le probleme est simple si tu veux juste un cadre autour de ton image utilise la propriété boder de l'image maintenant si c'est un lien c'est toujours la meme propriété sauf que la couleur qui compte c'est celle du a. J'espère avoir été clair...

Bonne continuation
Sandor.


Edit pour le w3c pense a remplir la propriété alt
Modifié par ilsandor (28 Apr 2005 - 11:31)

Salut Moon, deux choses importantes à prendre en compte :

1- dans ta balise <img>, tu as spécifié border="0". C'est un peu paradoxal si tu comptes avoir une bordure

2- dans le CSS, tu appliques la bordure à l'élément <a> (a.imgborder2)... or c'est l'image qui doit avoir une bordure, pas l'élément <a> qui l'entoure.
Il faut bien faire attention à l'élément qui est désigné par ton sélecteur CSS

A partir de ces pistes, tu devrais t'en sortir.

EDIT : ah, dommage que ilsandor ait déjà donné la réponse toute faite. Un peu de reflexion aurait été judicieux et profitable
Modifié par Raphael (28 Apr 2005 - 11:30)

re
Excuse moi raphaël... la prochaine fois j'attendrai un peu avant de mettre la soluce.... c'est vrai ce n'est pas drôle sinon...
IlSandor.

ilsandor a écrit :

Edit pour le w3c pense a remplir la propriété alt

C'est pas pour le wc3 qu'il faut remplir ou non le alt, mais pour l'utilisateur qui ne peux pas avoir accès à un contenu non textuel suivant l'agent utilisateur qu'il utilise.

ilsandor a écrit :
re
Excuse moi raphaël... la prochaine fois j'attendrai un peu avant de mettre la soluce.... c'est vrai ce n'est pas drôle sinon...
IlSandor.

Ce n'est pas par sadisme qu'on procède ainsi.
Disons qu'on préfère favoriser l'apprentissage en donnant des pistes de réflexion claires plutôt que de tout livrer sur un plateau.

Comme le disent les Règles :

a écrit :
16- Ceci est une communauté d'entraide, pas de travail à votre place

Ce forum a pour vocation d'échanger des connaissances. Les membres ne sont pas là pour faire le travail à votre place. Il est donc inutile de demander des scripts tout faits, des codes à faire pour vous. On vous donnera les moyens d'y parvenir vous-même, sans vous apporter le code sur un plateau d'argent.

Modifié par Raphael (28 Apr 2005 - 11:50)

a écrit :
Ce n'est pas par sadisme qu'on procède ainsi.
Disons qu'on préfère favoriser l'apprentissage en donnant des pistes de réflexion claires plutôt que de tout livrer sur un plateau.

je l'avais bien compris dans ce sens . y'a rien de sadique dans ma phrase... J esuis tout à faitd'accord avec vous le code tout fait n'apporte pas grd chose en terme educatif... j'essairait de les poster moins vite ou de donner juste l'axe a l'avenir.....
Sandor.
Modifié par ilsandor (28 Apr 2005 - 12:10)

merci je vais essayer de me déboruiller... =)