Aide - Recherche - Membres - Calendrier
Version complète : cibler une image
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
STF
Bonjour,
Quelle serait le début de déclaration css permettant de cibler l'image 2 d'un fichier html dont voici l'extrait ? Je tape : div.img2 {border: 1px solid;} et c'est toutes mes images qui sont entourées d'un filet d'1 pixel d'un coup.
Stéphane

Voici l'extrait du fichier html :
<div id="img1">
<img src="IMAGES/img_1.jpg" />
<div/>

<div id="img2">
<img src="IMAGES/img_2.jpg" />
<div/>

<div id="img3">
<img src="IMAGES/img_3.jpg" />
<div/>
STF
Bon, je rectifie. Je tape : #img2 {border: 1px solid;}, ça me semble plus correct, et pourtant ça m'affiche un filet autour de mes trois images...Y a un truc que je comprends pas.
Stéphane
thegwil
Yo !

Déjà, tu devrais fermer tes div de cette façon </div> et non <div/>.
De mon côté, je viens d'essayer et si je définis un style de bordure pour #img1 par exemple, je n'ai que #img1 qui a une bordure. Le div en tout cas, pas l'image puisque bien sûr le style s'applique à la balise div et non à la balise img
STF
Erreur toute bête en fait ! C'est sûr que si je ferme mal mes balises...Et que donnerait le code css pour appliquer la bordure à l'image et non au calque qui la contient ?
Stéphane
thegwil
:wink:

Ce serait par exemple dans tes css
CODE
<style type="text/css" media="screen">



#img1 {border: 1px solid #336699; }



</style>

et dans le html
CODE
<div><img id="img1" src="..." /></div>



ou
dans tes css
CODE
<style type="text/css" media="screen">



.img1 {border: 1px solid #336699; }



</style>

et dans le html
CODE
<div><img class="img1" src="..." /></div>

STF
Ok ok. Merci beaucoup pour ces infos précieuses.
stéphane
thegwil
Mais de rien.
J'en profite simplement pour rappeler que l'id est toujours unique contrairement à la class qui peut être appliquée à autant de balises que tu le souhaites. Mais sans doute le savais-tu déjà.
thegwil
[quote]Mais de rien. J'en profite simplement pour rappeler que l'id est toujours unique contrairement à la class qui peut être appliquée à autant de balises que tu le souhaites. Mais sans doute le savais-tu déjà.[/quote] Sur une même page. J'oubliais de le préciser.
STF
Ouais, en effet, ça faisait déjà partie de mes très modestes connaissances. Mais des infos supplémentaires, ça peut pas faire de mal.
Merci.
Stéphane
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2009 Invision Power Services, Inc.