[CSS] Lien - Image - border

bon alors je debute un peu dans le css, mais j'ai lu pas mal de truc et il y qquechose que je comprends pas du tt..

Code:

---

1 2 3 4

response.Write "<a href=hrinfo.asp?modify=" & rs("id") & ">" response.write "<img src='images/page.gif' />" response.Write "</a> <a href=hrinfo.asp?delete=" & rs("id") & ">" response.write "<img src='images/delete.gif' /></a>"

---

voila mon code, tel qu'il est la, un cadre s'affiche autour des images, et c'est pas cool..
donc j'ai compris qu'il fallait que je mette la propriete border des images a 0.

je pourrais le marquer en dur directement genre:

Code:

---

1 2	response.write "<img border=0 src='images/delete.gif' /></a>"

---

ce qui marche tres bien, mais moi je veux faire ca en css pour plus de classe :wink:

donc je me suis cree une classe en css:

Code:

---

1 2 3

.imglink img{ border : 0; }

---

puis j'ai change mon code comme ceci:

Code:

---

1 2 3 4

response.Write "<a href=hrinfo.asp?modify=" & rs("id") & ">" response.write "<img class=""imglink"" src='images/page.gif' />" response.Write "</a> <a href=hrinfo.asp?delete=" & rs("id") & ">" response.write "<img class=""imglink"" src='images/delete.gif' /></a>"

---

et ca ne marche pooo.. je comprends pas pkoi...

jai essaye en mettant carrement

Code:

---

1 2 3

img { border:0 }

---

dans ma feuille de style, ca marche mais ca s'applique a ttes les images de mon site, ce qui est bien mais pas top...

j'ai essaye

Code:

---

1 2 3

.imglink { border : 0; }

---

mais j'ai tjs un bord autour des images..

donc je comprends pas du tt pkoi mon systeme de classe marche pas..


merci de votre aide.

Code:

---

response.write "<img class=""imglink"" src='images/page.gif' />"

---

je ne connais pas response.write, je pense que c'est du js
mais les doubles guillemets me semblent étranges et je ne suis pas sûr que ta classe imglink est prise en compte

essaie pour voir

Code:

---

response.write "<img class='imglink' src='images/page.gif' />"

---

c'est de l'asp, et ca marche comme ca :wink:

enfin imagine qu'il n'y ait rien marque devant et derriere et que en gros ca equivaut a :

Code:

---

<img class="imglink" src='images/page.gif' />

---

en html

le code suivant me paraît douteux

Code:

---

1 2 3

.imglink img{ border : 0; }

---

ce code là est certainement bon, et d'ailleurs tu dis que cela fonctionne mais ne réponds pas à ton besoin

Code:

---

1 2 3

img { border:0 }

---

essaie peut-être dans ton css

Code:

---

1 2 3

img.imglink { border : 0; }

---

c'est ce que j'ai chez moi et cela fonctionne