A voir également:
- Positionnement CSS et flèche de navigation
- Navigation privée - Guide
- Que doit-il faire pour effacer les traces de sa navigation ? - Guide
- Outlook barre de navigation en bas ✓ - Forum Hotmail / Outlook.com
- Exemple test de positionnement greta - Forum Windows
- Simulateur de navigation maritime gratuit - Télécharger - Loisirs créatifs
3 réponses
djosfr
Messages postés
1163
Date d'inscription
dimanche 30 août 2009
Statut
Membre
Dernière intervention
22 novembre 2016
191
Modifié par djosfr le 26/05/2012 à 19:08
Modifié par djosfr le 26/05/2012 à 19:08
Bonjour,
Ajoute cette classe
Il va certainement falloir redimmensionner ton image à 40px de largeur.
Pour placer précisément ta flèche, amuse toit avec la propriété background-position avec des valeurs en pixels.
https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position&preval=10px%20200px
CM ECS FSB 222MHz OC, AMD Athlon X2 4450e OC 2.55GHz, 4890 de base, 4Go DDR2 425MHz OC, DD BARRACUDA
Ajoute cette classe
.gn_button a:active{ background-image: url('images/logo.png'); background-repeat:no-repeat; background-position:left; }
Il va certainement falloir redimmensionner ton image à 40px de largeur.
Pour placer précisément ta flèche, amuse toit avec la propriété background-position avec des valeurs en pixels.
https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position&preval=10px%20200px
CM ECS FSB 222MHz OC, AMD Athlon X2 4450e OC 2.55GHz, 4890 de base, 4Go DDR2 425MHz OC, DD BARRACUDA
Merci pour vos réponses !
J'avais essayé position:relative avant d'avoir l'idée de créer la boite #navbar_pointer_box. Forcément, ça ne marchait pas car ça calculait la distance par rapport au bord de la fenêtre. Mais avec la boite ça marche parfaitement ! Merci !
@djosfr :
Merci pour la classe .gn_button a:active. Par contre j'ai essayé pour le background-position, mais il ne m'affichait pas la flèche (sauf quand j'ouvrais l'inspecteur web sous Safari). Peut-être est-ce parce qu'il y a déjà un motif de fond ? Peu importe, mon problème est résolu, mais je ne connaissais pas cette propriété. :)
J'avais essayé position:relative avant d'avoir l'idée de créer la boite #navbar_pointer_box. Forcément, ça ne marchait pas car ça calculait la distance par rapport au bord de la fenêtre. Mais avec la boite ça marche parfaitement ! Merci !
@djosfr :
Merci pour la classe .gn_button a:active. Par contre j'ai essayé pour le background-position, mais il ne m'affichait pas la flèche (sauf quand j'ouvrais l'inspecteur web sous Safari). Peut-être est-ce parce qu'il y a déjà un motif de fond ? Peu importe, mon problème est résolu, mais je ne connaissais pas cette propriété. :)