begin process at 2012 05 29 09:46:37
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Trucs & Astuces

 > 

Image avec bordure en rollover

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Image avec bordure en rollover

vendredi 22 avril 2005 à 18:43:06 | Image avec bordure en rollover

ladrue
Bonjour

Je voudrais créer une bordure sur une image quand la souris passe dessus.
J'ai essayé de le faire en css en faisant ceci :
a.image:hover {
    border: 2px solid #663399;
}

Mon problème c'est que la bordure du haut ne s'affiche pas et que avec Firefox ça ne s'affiche pas bien.

Quelqu'un aurait-il une solution?

Merci d'avance

Cédric
samedi 23 avril 2005 à 02:11:28 | Re : Image avec bordure en rollover

chimelpremier
Bonjour,
ça parrait correct, je suppose que l'image a la class="image".
L'erreur doit venir d'ailleurs
samedi 23 avril 2005 à 10:17:14 | Re : Image avec bordure en rollover

tonytruand

bonjour

un exemple

<html><head><title></title>
<style>
a.image:hover {
    border: 2px solid #663399;
}
</style>
</head>
<body>
<a href="#" class=image><img src=ordi.gif border=0></a>
</body>
</html>
samedi 23 avril 2005 à 22:41:28 | Re : Image avec bordure en rollover

chimelpremier
Bonjour
ça saute aux  : tu mets border: 2px dans ta classe et tu ajoutes
border=0 Tu ne trouves pas ça contradictoire?

De plus l'attribut border n'est pas valide en XHTML, il faut commencer à prendre les bonnes habitudes.
samedi 23 avril 2005 à 22:44:33 | Re : Image avec bordure en rollover

chimelpremier
écrire plutôt :
<a href="#" ><img alt="" src=ordi.gif class=image /></a>
samedi 23 avril 2005 à 22:47:19 | Re : Image avec bordure en rollover

chimelpremier
j'ai été trôp vite, ne pas oublier les guillemets :
<a href="#" ><img alt="" src="ordi.gif" class="image" /></a>


Cette discussion est classée dans : affiche, image, rollover, bordure

Répondre à ce message

Sujets en rapport avec ce message

positionné une image scroll aur netscape4.x [ par rochonpascal ] Bonjour, depuis une semaine j'essaie de rendre mon site compatible avec netscape 4.x, le problèeme que je rencontre c'est que lorsque j'ai des images aide for rollover... pas en image ni en texte! [ par ayane ] Hello!J'm'adresse à vous parce que j'ai un petit problème... (sinon pourquoi posser un question me diriez-vous?) voilà, j'aurais bessoin d'un rollover rollover image + son [ par deFch ] existe-il un script pour jouer un son lors d'un rollover sur une image? je cherche une alternative à un menu en flashdeF-CH Rollover "image->document" [ par ethernetmaster ] Tout est dit dans le titre, je n'arive pas a faire un rollover , pour qu'on passe d'une image au contenu d'une page web.Par exemple: quand on passera Afficher du texte sous le passage de la souris [ par Arnauti ] Bonjour, je voudrais avoir une image qui lorsque la souris passe dessus, l'image change et que ca affiche le texte. Jusque la pas de problème  : Mon Le changement de l'image de fond d'un div ne se télécharge pas sous IE lors d'un rollover [ par MadM@tt ] Salut à tous Voilà j'ai un petit code pour faire un simple rollover, le problème c'est que sous IE l'image qui apparait lorsque la souris est au dess Probleme sur : Script qui affiche un calque a un endroit precis conternant une grand image quand on onmouseover une petite. [ par westernz ] Bonjour, J'ai remixer un script pour que ca marce avec des images, toutefois j'ai un soucis, des que je scorll ma page la grand image se place pas la affiche d'image ds une autres frame [ par boytoycoy ] salut à tousJ'ai un tableau avec deux cellules donc une (droite) est une iframe avec des img/vignettes. je voudrais que l'osrque l'on clik sur une vig Problème: Rollover sur une zone précise de l'image [ par Sp00ky ] Bonjour à toutes et à tous, Voilà j'aimerais faire un rollover partiel sur une image... c'est à dire en utilisant les zones (areas) d'une image comme double rollover.... [ par clement ] Double Rolloverbonjour a tous.voila mon probleme : a l'origine, 2 images( 1 et 2) sur une page.j'aimerai que qd je passe sur l'image 1 il y ait un rol


Nos sponsors


Sondage...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)