encadrement d'une image

Marsh Posté le 08-07-2005 à 09:21:39

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

Reply

Marsh Posté le 08-07-2005 à 09:21:39

Reply

Marsh Posté le 08-07-2005 à 09:25:46

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

Reply

Marsh Posté le 08-07-2005 à 09:29:36

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ôôôôô

Reply

Marsh Posté le 08-07-2005 à 09:35:58

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

Reply

Marsh Posté le 08-07-2005 à 09:36:19

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 ?????

Reply

Marsh Posté le 08-07-2005 à 09:39:34

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

Reply

Marsh Posté le 08-07-2005 à 09:40:15

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

Reply

Marsh Posté le 08-07-2005 à 09:41:04

Citation :

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

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

Reply

Marsh Posté le 08-07-2005 à 09:43:34

"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

Reply

Marsh Posté le 08-07-2005 à 09:46:57

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

Reply

encadrement d'une image

Sujets relatifs:

Leave a Replay