Incrustation de plusieurs boutons cliquables
Ogma31
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Torm -
Torm -
Bonjour,
Graphiste, je cherche à monter mon site pour mettre en avant mon book.
Histoire de bosser le web, j'ai choisi de tout construire du début, sans prendre de modèle prédéfini.
Ma page d'accueil se découpe comme ceci.
Sur le schéma, les cercles correspondent aux boutons. Donc ok <a href=".....">, etc, et a:hover...
Le problème, c'est que mon motif de base a tous les éléments reliés au cercle du centre.
Comment puis-je procéder pour que chaque élément soit cliquable, tout en gardant la cohérence de départ?
Merci d'avance!
Graphiste, je cherche à monter mon site pour mettre en avant mon book.
Histoire de bosser le web, j'ai choisi de tout construire du début, sans prendre de modèle prédéfini.
Ma page d'accueil se découpe comme ceci.
Sur le schéma, les cercles correspondent aux boutons. Donc ok <a href=".....">, etc, et a:hover...
Le problème, c'est que mon motif de base a tous les éléments reliés au cercle du centre.
Comment puis-je procéder pour que chaque élément soit cliquable, tout en gardant la cohérence de départ?
Merci d'avance!
A voir également:
- Incrustation de plusieurs boutons cliquables
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- Application pour reconnaître les boutons - Accueil - Outils
- Comment déverrouiller un samsung avec les boutons - Guide
- Pas de bouton acheter sur le bon coin ✓ - Forum Consommation & Internet
1 réponse
Salut,
je suis pas sûr d'avoir tout saisi("les éléments reliés au cercle du centre." ?) mais vous pouvez aussi utiliser une image map.
ça consiste à indiquer sur une image (éventuellement des portions d'images) des zones cliquable avec des coordonnées, exemple ici mais il y a des tutos bien faits et plus détaillés qui existent(et même des générateurs de zone-que je n'ai jamais utilisé) pour pas galérer à repérer chaque coordonnées):
https://developer.mozilla.org/fr/docs/Web/HTML/Element/map
Sinon si c'est pour que les boutons fassent une interactivité dans la page il faut utiliser javascript pour gérer les clics et changer un contenu ou élément dans la page.
Pas facile à faire les mises en pages en cercles. Vous pouvez aussi placer tout les boutons sur une image de fond avec un positionnement relatif ou absolu avec les CSS. Assez long surtout si on veut que ça tienne bien et ce sur tout les navigateurs(ceux ci ayant des décalages différents, quelques pixels maxi mais ça suffit parfois à rompre la beauté du cercle ou la justesse du centrage).
N'oubliez pas l'accessibilité et que votre site soit compatible avec les mobiles, si c'est pour être vu il ne sera jamais référencé car depuis quelques temps Google avantage les sites qui auront un affichage aussi optimisé pour les mobiles(et l'accessibilité aussi aidera dans une moindre mesure). Et ça force à avoir une autre mise en page(voir les media queries pour charger une feuille CSS selon les dimensions de l'écran ou autre).
je suis pas sûr d'avoir tout saisi("les éléments reliés au cercle du centre." ?) mais vous pouvez aussi utiliser une image map.
ça consiste à indiquer sur une image (éventuellement des portions d'images) des zones cliquable avec des coordonnées, exemple ici mais il y a des tutos bien faits et plus détaillés qui existent(et même des générateurs de zone-que je n'ai jamais utilisé) pour pas galérer à repérer chaque coordonnées):
https://developer.mozilla.org/fr/docs/Web/HTML/Element/map
Sinon si c'est pour que les boutons fassent une interactivité dans la page il faut utiliser javascript pour gérer les clics et changer un contenu ou élément dans la page.
Pas facile à faire les mises en pages en cercles. Vous pouvez aussi placer tout les boutons sur une image de fond avec un positionnement relatif ou absolu avec les CSS. Assez long surtout si on veut que ça tienne bien et ce sur tout les navigateurs(ceux ci ayant des décalages différents, quelques pixels maxi mais ça suffit parfois à rompre la beauté du cercle ou la justesse du centrage).
N'oubliez pas l'accessibilité et que votre site soit compatible avec les mobiles, si c'est pour être vu il ne sera jamais référencé car depuis quelques temps Google avantage les sites qui auront un affichage aussi optimisé pour les mobiles(et l'accessibilité aussi aidera dans une moindre mesure). Et ça force à avoir une autre mise en page(voir les media queries pour charger une feuille CSS selon les dimensions de l'écran ou autre).