18073 sujets

Questions générales et questions de débutants

Lien sur image et IE

Bonjour à tous,

Je suis sûr que c'est un problème très bête mais je n'ai pas trouvé de sujet identique sur le forum Smiley confus

Je met une image en lien et IE ne veut pas me prendre en compte la pseudo classe hover (alors qu'avec FF pas de problème)

mon css
#main a:hover {
color: red ;
}


mon lien (ne faites pas attention au PHP, même sans ça ne fonctionne pas)
<a href=\"#\" onClick=\"javascript:window.open('%sclub1_img.php?message_id=%d', 'image', 'directories=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no, toolbar=no, width=%d, height=%d');\"><img src=\"%s%s\"\></a>


L'image-lien a une bordure violette, je ne sais pas d'où elle sort et je n'arrive pas à modifier la couleur du lien, ni celle du "hover".

Qulequechose doit m'échapper.

Merci d'avance.


[b]EDIT par Felipe: un edit http://forum.alsacreations.com/skins/flashy/p_edit.gif aurait été préférable, celui qui découvre le topic continuera à essayer de lire ça sans sauter au 3ème post ...[/i]
Modifié par Felipe (16 Aug 2005 - 10:17)
Salut !

Avant les explications, je te conseille vivement d'utiliser les balises prévues à cet effet pour mettre ton code en évidence. Ce sera plus facile à lire, et ça t'évitera de te faire taper sur les doigts par un modo Smiley cligne Et tant qu'à faire, vire le PHP, si on n'en a pas besoin.

La bordure violette de ton image, c'est la bordure bleue des images-liens qui ont été visitées Smiley smile . Pour te débarasser de la bordure :
a img { border: 0 }
Vi j'aurais pu penser à enlever le PHP au lieu de dire de ne pas y faire attention Smiley langue

Concernant 
a img { border: 0 }


Je veux garder une bordure au contraire, mais pouvoir gérer ses couleurs et le méchant IE veut pas...

Au cas où, je reposte mon code :

#main a:hover {
color: red ;
}


<a href="#" onClick="javascript:window.open('url', 'image', 'directories=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no, toolbar=no, width=100, height=100');"><img src="src.jpg" \></a>

Modifié par Rei Itchido (16 Aug 2005 - 00:38)
Je suis désolé mais rien ne fonctionne Smiley decu

Je dois mal m'y prendre pour faire ce lien sur l'image.

Est-ce que ceci est correcte?

<td><a href="#" id="a_img" onClick="javascript:window.open('http://localhost/test/club1_img.php?message_id=2', 'image', 'directories=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no, toolbar=no, width=204, height=300');"><img src="http://localhost/test/image/097379.jpg" alt="test" \></a>Texte a cote de l'image</td>


#main a#a_img {
color:red;
}

#main a#a_img:visited {
color:red;
}

#main a#a_img:hover {
color:red;
}

#main a#a_img:active {
color:red;
}


J'ai tout mis à rouge et la couleur de la bordure de l'image reste violette.
J'ai aussi essayé avec border-color ou border: 1px solid red;

Sous FF pas de problème, sous IE impossible...
Salut,
au debut je venais parce que je me posais la meme question que toi... %ù*#~& de forum qui prennent toute la place dans les moteurs de recherche et qui n'apportent pas de solution...

Tout d'abord, je voudrais t'expliquer la nuance entre #balise et .balise

Une balise précédée par diez (#) est amenée à être appellée un nombre reduit de fois, voir unique et est commandée par un attribut id
Une balise précédée par un point(.) est amenée à être appellée un nombre important de fois, et est commandée par un attribut class

par consèquent tu as le droit d'écrire #main, mais pas #img, mais dans l'absolu, .img

cependant la balise img fait partie des balises reconnus par les navigateurs tout comme body, p, H1..., a, hr, ...il y en a plein d'autres, elles n'ont donc pas besoin d'être introduite par un diez ou un point pour signifier que ce sont des balises...

Et tout notre probleme vient de la, les regles d'association des balises ne fonctionnent donc pas...

Je pense qu'un des principe du codage est de ne pas etre rigide et accepter de passer pas des moyens détounés pour arriver au même résultat, j'ai alors pensé
- à un gif ne figurant que les bordures et qui serait intervertit avec l'image, au passage de la souris
- apres j'ai pensé à un calque qui n'apparaitrait qu'au survole de l'image

mais ces deux solutions ne prennent pas en compte le fait que l'image ait deja été visitée ou à sa taille

alors je me suis crée une balise Css que j'ai appelé .image et qui est donc différente de la traditionnelle img, dans le Css j'ecris

a img{
	border:0px;
	}

.image a{
	border:opx;
	}
	
.image a:hover{
	border:15px solid red;
	}



et dans le code cela me donne

<span class="image">
	<a href="adresse du lien" >
		<img src="source de l'image">
	</a>
</span>



Voila bon bah j'espere que cela te suffira...
Sujet clos
Aller à