Couleur des bordures du menu de reroutage

Résolu/Fermé
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007 - 1 avril 2007 à 21:11
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007 - 5 avril 2007 à 22:28
Bonjour,

quelqu'un aurait-il une idée pour colorer le cadre d'un menu de reroutage à la manière de ce qui se passe lorsqu' on passe la souris sur le menu de reroutage du lien suivant ?

https://www.adobe.com/fr/downloads.html

En vous remerciant par avance,

Axelle
A voir également:

5 réponses

txiki Messages postés 6597 Date d'inscription mercredi 30 janvier 2002 Statut Contributeur Dernière intervention 22 février 2024 515
2 avril 2007 à 02:06
Salut axelle,
il te faudrait créer un style.
en css ça donnerait ceci:
a:hover { /* couleur de fond du lien survolé */
	background-color: #99A9C2; /* couleur en héxadécimal */
	}

Tu ajoute ça dans ta feuille de style. Tu peux aussi supprimer le soulignement des liens, changer la couleur du texte etc etc ....

0
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
2 avril 2007 à 21:50
Bonsoir,

merci pour la réponse,

je vais essayer.
0
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
2 avril 2007 à 22:03
non ca ne marche pas

je n'ai d'ailleurs remarqué aucun changement après l'insertion du bout de code dans ma feuille de styles.css

merci quand même
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
2 avril 2007 à 23:04
salut,

si tu souhaites modifier l'aspect de la liste déroulante, tu peux lui appliquer les propriétés css.
select{
border:1px solid black;
color:#fff;
background-color:#900;
}
option{
font-size:1.5em;
}

0
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
2 avril 2007 à 23:15
Bonsoir,

merci pour ton aide ; effectivement, cette fois-ci, je vois bien le changement.

Cependant cela, bien qu'intéressant ne répond pas à mon problème. En effet, ma question comme illustrée par le lien adobe, porte sur, non pas sur la surface du menu de reroutage mais sur les contours de celui-ci : contour du menu de reroutage qui se colore en vert ipod sur l'exemple adobe.

Bonne soirée et merci encore
0
Serge_La Messages postés 407 Date d'inscription lundi 19 mars 2007 Statut Membre Dernière intervention 3 mars 2009 47
4 avril 2007 à 06:53
Bonsoir,
Un javascript peut faire ça. Pas sûr avec css seul, puisque ce n'est pas un lien. Si oui, il faut utiliser :hover dans le css:

select:hover (et ici ton css de bordure)

Je n'ai pas essayé. Dis-moi si ça fonctionne.

Serge.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
4 avril 2007 à 07:21
Bonjour,

j'essaierais dans la journée,

merci
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
5 avril 2007 à 11:49
tu veux juste avoir le "border" en vert quand tu survoles ?
--> css, pseudo-classe "hover"

<html>
	<head>
		<title>Axelle, tu exagères... ;o)</title>
		<style type="text/css">
			select{
				border:1px solid #000;
				color:#fff;
				background-color:#900;
			}
			select:hover{
				border-color:#6d5;
				color:#000;
				background-color:#fff;
			}
		</style>
	</head>
	<body>
		<select>
			<option>item 1</option>
			<option>item 2</option>
			<option>item 3</option>
		</select>
	</body>
</html>

aperçu
0
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
5 avril 2007 à 19:56
Bonsoir,

merci beaucoup pour la réponse ;

je l'ai testé ; ca ne marche pass encore chez moi puisque je n'ai pas la couleur verte comme sur ton exemple mais je vais finir par y arriver.

Encore une fois merci

Bonne soirée

Axelle
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920 > axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
5 avril 2007 à 20:37
bonsoir,

vérifie que le style du <select> ne soit pas aussi définie dans la balise <style> de ta page html.
si c'est le cas efface le style du code html, il a un "poids" (ou un priorité) qui vaut 1000 ce qui est beaucoup plus qu'un style défini dans un fichier css.
0
axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007 > axelledenin Messages postés 13 Date d'inscription dimanche 1 avril 2007 Statut Membre Dernière intervention 5 avril 2007
5 avril 2007 à 22:28
Ok ca marche maintenant avec firefox , avec IE , ca ne veut rien savoir.

Merci pour votre aide.
0