Rechercher : dans
Par :

Couleur bordure hyperlien

Dernière réponse le 21 mar 2009 à 11:05:32 erialc452, le 20 mar 2009 à 12:50:29 
 Signaler ce message aux modérateurs

Bonjour,

J'ai utilisé une image comme hyperlien et j'y est ajouté une bordure. Ainsi la bordure est bleu, couleur normale d'un hyperlien. Mais j'aimerais changer la couleur de cette bordure et qu'elle change encore de couleur au survol de la souris dessus. Il me faut juste la "formule" de changement de couleur soit dans la balise d'image soit dans le css.

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « couleur bordure hyperlien » dans :
Garder une zone en couleur sur une photo noir et blanc VoirVous souhaitez avoir une photo en noir et blanc sauf une partie de la photo à conserver en couleur. Voici le principe de la manipulation : il faut isoler une partie de la photo (celle que l'on veut garder en couleur) en la sélectionnant. Ensuite...
Code hexadécimal d'une couleur VoirVous voulez connaître le code hexadécimal d'une couleur, pour l'intégrer dans vos pages web ? Pour cela : Rendez vous sur ce site : colorpicker. Situez la couleur désirée à l'aide de la souris pour obtenir son code HTML. Voici un exemple : ...
VB6 Retrouver les valeurs RGB d'une couleur VoirDim R as integer Dim G as integer Dim B as integer Sub TrouveRGB(Coul As Long) R = &HFF& And Coul G = (&HFF00& And Coul ) \ 256 B = (&HFF0000 And Coul ) \ 65536 End Sub Et l'inverse : Function TrouveCoul(R As Long, G As Long,...
Télécharger BorderMaker VoirAjoutez un cadre photo à une image virtuel n'est pas évident. Alors pour faire simple, des programmes sont spécialisés dans cette tâche bien précise. Bordermaker est un outil permettant d'ajouter des bordures, des textes ou un effet de filigrane...
Tableau de bord VoirNotion de tableau de bord Un tableau de bord est une représentation graphique synthétique d'un ensemble d'indicateurs donnant à un responsable tous les éléments lui permettant de prendre visuellement et rapidement des décisions. Compte-tenu de sa...
La table des couleurs VoirLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

Dalida, le 20 mar 2009 à 13:45:43

Salut,

a:link img{border-color:#000000;} /* apparence par défaut */
a:visited img{border-color:#FF0000;} /* page déjà visitée */
a:hover img{border-color:#00FF00;} /* survol */
a:active img{border-color:#0000FF;} /* bouton enfoncé au moment du clic */

et il faut respecter l'ordre !
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

2

erialc452, le 20 mar 2009 à 17:00:13

On le met bien dans le css ? Je ne sais pas quoi mettre devant : div#contenu a:hover img... par exemple ou autre chose ? On regroupe ces 4 propriétés dans un seul div ? J'ai essayé de les séparer, j'ai fait :
div#contenu a:link img
{
color: #6E46B9 ;
}

div#contenu a:visited img
{
border-color:#FF0000;
}

div#contenu a:hover img
{
color: #edd7ff ;
}

div#contenu a:active img
{
border-color:#0000FF;
}

Ca n'a pas marché donc je n'ai pas dû faire comme il fallait.

Répondre à erialc452

3

Dalida, le 20 mar 2009 à 17:07:00

j'aimerais changer la couleur de cette bordure
et en utilisant la propriété {border-color} ça irait peut être mieux, nan ?
-;o)

div#contenu a:link img
{
color: #6E46B9 ;
} 
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

4

erialc452, le 20 mar 2009 à 17:28:24

Ba c'est ce que j'ai fait, non ?

Répondre à erialc452

5

Dalida, le 20 mar 2009 à 17:33:31

Et ben même en le soulignant tu l'vois pas !
-:oD
donc compare ça : border-color
et le texte souligné dans ton code :

div#contenu a:link img
{
color: #6E46B9 ;
}

div#contenu a:visited img
{
border-color:#FF0000;
}

div#contenu a:hover img
{
color: #edd7ff ;
}

div#contenu a:active img
{
border-color:#0000FF;
} 

i'manquerait pas le "border-" par hasard ?
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

6

erialc452, le 20 mar 2009 à 17:45:15

Comment on souligne dans le browser? Si je met border-color je le souligne quand même ?

Répondre à erialc452

7

Dalida, le 20 mar 2009 à 17:48:44

Mais tu le fais exprès ou quoi ?

dans ta putain de règle tu as codé COLOR, c'est la couleur de premier plan, pas celle de la bordure :

div#contenu a:link img
{
color: #6E46B9 ;
}

il faut coder BORDER-COLOR pour changer la couleur de la bordure.
donc tu dois marquer ça :
div#contenu a:link img
{
border-color: #6E46B9 ;
}

ça veut pas dire que ça fonctionnera mais au moins ce sera juste.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

8

erialc452, le 20 mar 2009 à 17:49:46

Ok je viens juste de comprendre : non même si je le rajoute, ca marche pas.

Répondre à erialc452

9

erialc452, le 20 mar 2009 à 17:51:42

Oui j'ai compris maintenant mais j'avais déjà réparé l'eurreur c'est pour ça. Donc même en rajoutant border devant ça marche pas.

Répondre à erialc452

10

Dalida, le 20 mar 2009 à 17:57:57

Donc maintenant il doit rester un problème de sélecteur ou de priorité.

as-tu une version en ligne ?

si non, il faut nous dire dans quelles balises sont incluses tes images.
[ Mathieu ]

Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

11

erialc452, le 20 mar 2009 à 18:04:34

Non je ne l'ai pas mise en ligne donc :

<div id="contenu">
<p><a href="...........jpg"><img style="float: left;" src="...........jpg" border="3" align="texttop"></a>

Répondre à erialc452

12

Dalida, le 20 mar 2009 à 18:13:29

Salut,

div#contenu p a:link img
{
border-color: #6E46B9 ;
}

ça devrait fonctionner.

on va faire un essai avec autre chose, ajoute ça à ta CSS :
div#contenu p
{
background-color: red;
padding:20px;
}

et dis nous si tu vois le passage au rouge.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

13

erialc452, le 20 mar 2009 à 18:25:31

Le fond rouge apparaît mais la bordure ne change toujours pas de couleur.

Répondre à erialc452

14

Dalida, le 20 mar 2009 à 18:29:47

Donc on cible bien le paragraphe ce qui veut dire que ça c'est correct :

div#contenu p a:link img

le problème vient donc d'ailleurs…
je pense que c'est un problème entre visité ou pas.
on va faire un autre test, ajoute ça tout à la fin de ta CSS :
div#contenu p a:link img,
div#contenu p a:visited img,
div#contenu p a:hover img,
div#contenu p a:active img,
{
border-color: red ;
}
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

15

erialc452, le 20 mar 2009 à 18:34:03

J'ai essayé et ça marche : le cadre est rouge tout le temps mais ça a changé la mise en forme du texte : hauteur de ligne trop grandde et le texte n'est plus justifié.

Répondre à erialc452

16

Dalida, le 20 mar 2009 à 18:36:53

Bon donc tu mettra ça :

div#contenu p a:link img{
border-color: red ;
}
div#contenu p a:visited img{
border-color: red ;
}
div#contenu p a:hover img{
border-color: red ;
}
div#contenu p a:active img{
border-color: red ;
}

et tu changeras couleur par couleur et tu testeras entre chaque.

pour les autres modifs, tu as dû laissé le premier test, il faut le virer.
et mets le code des liens en derniers, ça évitera qu'ils soient écrasés par une autre règle.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

17

erialc452, le 20 mar 2009 à 18:43:45

Ca marche uniquement si je change toutes les couleurs : tout en rouge ca marche, tout en bleu aussi mais si je change une couleur, cette couleur ne s'affiche pas.

Répondre à erialc452

18

erialc452, le 20 mar 2009 à 18:46:48

J'ai vérifié : c'est le div#contenu p a:active img
{
border-color: #edd7ff ;
}
qui change la couleur. Je l'ai enlevé et il n'y a plus de problème ça marche correctement.

Répondre à erialc452

19

Dalida, le 20 mar 2009 à 18:47:08

Fais-tu la différence entre lien visité ou pas visité ?

si tu n'as jamais été sur la page cible du lien, la couleur utilisée est celle de "visited", sinon c'est de "link".

et le "hover", il fonctionne avec une autre couleur ?
comme ça par exemple :

div#contenu p a:link img{
border-color: red ;
}
div#contenu p a:visited img{
border-color: red ;
}
div#contenu p a:hover img{
border-color: green ;
}
div#contenu p a:active img{
border-color: red ;
}
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida