Cadre autour d'image avec lien et rollover...
madtraxxx74
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
GhostGrapher -
GhostGrapher -
Bonjour, quand je met un lien sur une photo sur mon site j'ai un rectangle autour ne serait-ce pas possible de l'enlever svp ? ps: je code en html mais si une solution pas trop compliqué existe autrement dites la moi quand même ;)
Et aussi vous saver ce que c'est qu'un rollover en flash ? Et bien si vous savez pas c'est une image qui change lorsqu'on met la souris dessus...donc quand j'en met un sur mon site il marche normalement mais quand j'en met un deuxième plus aucun des deux ne change lorsque la souris passe dessus alors que quand j'en met qu'un que ce soit l'un ou l'autre il marche savez vous comment réglé sa ???
Et aussi vous saver ce que c'est qu'un rollover en flash ? Et bien si vous savez pas c'est une image qui change lorsqu'on met la souris dessus...donc quand j'en met un sur mon site il marche normalement mais quand j'en met un deuxième plus aucun des deux ne change lorsque la souris passe dessus alors que quand j'en met qu'un que ce soit l'un ou l'autre il marche savez vous comment réglé sa ???
A voir également:
- Cadre autour d'image avec lien et rollover...
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Lien copié ✓ - Forum Google Chrome
- Google earth autour de moi - Guide
- Verificateur de lien - Guide
10 réponses
Je te conseil d'utiliser les feuilles de style.
Il te faut mettre quelques choses comme ça :
a img{
border: none ;
}
Il te faut mettre quelques choses comme ça :
a img{
border: none ;
}
Pas forcément,
Si tu le mets dans une feuille de style, cela s'appliquera immédiatement à toutes les balises <a></a>.
Tu peux aussi le déclarer directement dans le <head></head>.
Si tu le mets dans une feuille de style, cela s'appliquera immédiatement à toutes les balises <a></a>.
Tu peux aussi le déclarer directement dans le <head></head>.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Oui il faut que tu écrives ce code dans ta page html (bien sûr sans recopier <head> et </head> qui y sont déjà:
Mais dans ce cas ça affectera toutes les images mais je crois que c'est ce que tu veux.
Directement dans le html c'est :
@pluche.
La solution html + css est plus élégante et surtout plus juste.
<head>
<style>
a img{
border: none ;
}
</style>
</head>
Mais dans ce cas ça affectera toutes les images mais je crois que c'est ce que tu veux.
Directement dans le html c'est :
<a href="blabla.html"><img src="blabla.jpg" border="0"/></a>
@pluche.
La solution html + css est plus élégante et surtout plus juste.
Non désolé je ne connais pas flash et je n'ai pas bien compris le problème peut-être que c'est pour ça que tu n'as pas de réponse.
tu devrais peut-être donner l'url de ton site??
@ pluche.
tu devrais peut-être donner l'url de ton site??
@ pluche.
Ok merci quand même alors pour si quelquu'un passe je vous explique j'ai utiliser un générateur de rollover sur le web ici ==> http://www.net-pratique.fr/outils/generoll.html et enfait c'est constituer de 2 images, une normal et une autre qui se met a la place de la première lorsque la souris est dessu...donc quand j'en met un seul sa marche met lorsque j'en met une autre qui marche lui aussi quand il est tout seul et bien sur les 2 l'images ne change plus quand la souris passe dessus vous pouvez essayer pour voir quesqui foire dans le code html....svp j'aimerai bien avoir un bon site...o_O
Salut, en fait je crois avoir pigé le script génère un modèle UNIQUEMENT pour 2 images.
Il te faut compléter le code.
Voilà le script où tu déclares tes 4 images :
et le html :
Comme tu le vois ce qui change c'est d'une part le nombre de déclaration d'images dans le script et ensuite l'attribut name qui prend deux valeurs différentes, à savoir Roll et RollImage.
donc si tu veux encore rajouter des images pense à changer le nom et àles déclarer dans le script.
@ pluche.
Il te faut compléter le code.
Voilà le script où tu déclares tes 4 images :
<script type="text/javascript"> Image1 = new Image(); Image1.src = "chemin_image1"; Image2 = new Image(); Image2.src = "chemin_image2"; Image3 = new Image(); Image3.src = "chemin_image3"; Image4 = new Image(); Image4.src = "chemin_image4"; </script>
et le html :
<img name="Roll" style="border : 0px" src="chemin_image1" alt="" onMouseOver="document.Roll. src='chemin_image2'" onMouseOut="document.Roll.src='chemin_image1'" /> <img name="RollImage" style="border : 0px" src="chemin_image3" alt="" onMouseOver="document.RollImage.src='chemin_image4'" onMouseOut="document.RollImage.src='chemin_image3'" />
Comme tu le vois ce qui change c'est d'une part le nombre de déclaration d'images dans le script et ensuite l'attribut name qui prend deux valeurs différentes, à savoir Roll et RollImage.
donc si tu veux encore rajouter des images pense à changer le nom et àles déclarer dans le script.
@ pluche.
Pour ton rollover tu peux juste faire ça :
voire même :
Normalement ca devrai marcher
<script>
function changeimg1() {
document.getElementById('image1').src = 'image2.jpg' ;
}
</script>
<img id="image1" src="image1.jpg" alt="image" onmouseover="changeimg1()" />
voire même :
<script>
document.getElementById('image1').OnMouseOver= changeimg1() ;
function changeimg1() {
document.getElementById('image1').src = 'image2.jpg' ;
}
</script>
<img id="image1" src="image1.jpg" alt="image" />
Normalement ca devrai marcher
