encadrement d'une image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : encadrement d'une image

OyT

dyslexics have more fnu

voila mon probleme je veux mettre une image en tant que lien avec une zoli couleur qui l'encadre et quand on passe dessus la couleur de ce bord change:

j'y suis presque mais j'ai un petit bug pas très bo:

sur ma page j'ai:

Citation :

et dans mon CSS j'ai

Citation :

.Page_contenu a
{
border: 3px solid blue;
}

.Page_contenu a:hover
{
border: 3px solid red;
}

et mon image s'affiche bien avec un cadre mais aussi avec un underscore donc...

si kkun pouvait me dire pkoi et comment?

merci beucoup

Publicité

gatsusat

top html

Code :

<div class="Page_contenu">
<a href="lien" target="pdf" >
<img src="image.jpg" alt="LIENS" title="LIENS"/>
</a>
</div>

ton CSS

Code :

a img {
border:1px solid red; /*la bordure d'une image dans un lien sera rouge par défaut*/
}
a:hover img {
border:1px solid green; /*la bordure d'une image dans un lien sera verte au survol du lien et de l'image*/
}

Message édité par gatsusat le 08-07-2005 à 09:36:42

ceyquem

E falso sequitur quodlibet

Ouaip ton code il est un peu moche : tu mets de la mise en forme dans ton code html au lieu de tout regrouper dans la feuille de style, c'est pas bôôôôô

plainsofpain

Pingouino's lover

n'oublie pas "text-decoration:none;", pour enlever le soulignement pour les liens images.

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

OyT

dyslexics have more fnu

merci je ne savait pas qu'on pouvait coupler 2 balises avec le css,et je n'ai plus mon bug....

mais un autre est apparu.

mon hover ( dc ici le chagement de couleur) ne fonctionne que si je clic ou ke si j'actionne la molettte de ma souris ?????

plainsofpain

Pingouino's lover

Montre le code que tu as après tes corrections.

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

OyT

dyslexics have more fnu

ceyquem >> ou a tu vu de la mise en forme ds mon html?????

plainsofpain >> merci, je l'avait mis dans mon .Page_contenu général

OyT

dyslexics have more fnu

Citation :

.Page_contenu a img
{
border: 3px solid blue;
}

.Page_contenu a:hover img
{
border: 3px solid red;
}

plainsofpain

Pingouino's lover

"HSPACE=0 VSPACE=0 border=0" > c'est de la mise en forme ca ...

Sinon ca m'a l'air correct ton code ... C'est sous quel navigateur que ca déconne ?

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

OyT

dyslexics have more fnu

oui en fait HSPACE=0 VSPACE=0 border=0 jlavait retirer et g fait un copier coller de l'ancienne page dsl - sincerement
c t avant que je decouvre le css

mais sinon ca deconne sous I.E. sachant que si jfais le a:hover sans img la ca marche

Message édité par OyT le 08-07-2005 à 09:47:26

FORUM HardWare.fr

Programmation

HTML/CSS

encadrement d'une image

Sujets relatifs
Generer une image	[CSS/Javascript] Positionnement relatif d'une image dans un DIV
Envoyez un formulaire +ouvrir lien en cliquant sur une image [sans JS]	Ouvrir une image dans un calque et pas un popup
formulaire + image	Image au passage de la souris sur un texte
Comment changer le curseur de la souris sur image?	Pb: modification d'image sous PHP
Projeter une image 2d sur un plan	Fichiers Excel en SYLK : possible d'integrer une image ?
Plus de sujets relatifs à : encadrement d'une image

Page générée en 0.046 secondes