IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Map area et pourcentage


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Inscrit en
    Juin 2013
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Juin 2013
    Messages : 3
    Par défaut Map area et pourcentage
    Bonjour,

    Je cherche à rendre cliquable certaines parties d'une image de fond donc je dois utiliser map et area. Sauf que mon image est en pourcentage. J'ai souvent lu que ça n'était pas possible sans voir de solution. Cependant je suis tombée sur un post de ce forum ici et il me semble qu'à un moment on sous-entend que c'est possible si les zones sont des rectangles (ce qui est mon cas). Mais je n'ai pas pour autant vu la solution, pouvez-vous m'aider ?

    Merci beaucoup.

    PS Citation Envoyé par Reynio Voir le message
    Comment faire pour que les zones réactives évoluent en fonction de la taille de l'image ? Est-ce possible avec HTML ou doit-on utiliser CSS ?
    Réponse de Candygirl
    Tu peux le faire en css du moment que tes zones réactives sont de forme rectangulaires.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 228
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 228
    Par défaut
    Bonjour,
    tu peux toujours essayer de superposer des DIVs qui elles aussi sont dimensionnées en %.

    L'effet de clic sur la map sera repris par le clic sur la DIV.

  3. #3
    Futur Membre du Club
    Inscrit en
    Juin 2013
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Juin 2013
    Messages : 3
    Par défaut
    Merci mais j'ai trouvé finalement : exemple 2 de cette page.
    Bonne journée

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 228
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 228
    Par défaut
    C'est du over/out classique, mais pas sûr que cela règle ton problème de "Sauf que mon image est en pourcentage".

  5. #5
    Futur Membre du Club
    Inscrit en
    Juin 2013
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Juin 2013
    Messages : 3
    Par défaut
    Oui, j'ai pas trouvé ça si top... Je pense avoir trouvé quand même avec Media Queries : pour une taille entre X et Y faire ça, entre V et W faire ci etc...
    Merci encore

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Map Area Shape Circle marche pas sous Firefox 3.0.3 ?!
    Par sebmex dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 27/10/2008, 11h57
  2. Map Area sur un e-mailing ? Bon choix ?
    Par speedev dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 08/09/2008, 18h05
  3. Map area lien zoom
    Par best94 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 05/02/2008, 13h27
  4. Bordure sur du map area
    Par jdiamsss dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 17/09/2007, 14h14
  5. Colorer une Map Area
    Par simoryl dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/06/2006, 15h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo