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

HTML Discussion :

usemap et width %


Sujet :

HTML

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 9
    Par défaut usemap et width %
    Bonjour,

    Comment adapter la taille de ma page d'accueil à la résolution de l'internaute en conservant les usemap svp?

    En effet, en laissant tel que, ça donne un rectangle vide à droite en passant de 800*600 à 1024*700et quelque

    mais en ajoutant width et heigh à 100% à côté de l'image, les aera usemap ne correspondent plus.

    SVP?

    En vous remerciant, amicalement, Guy.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <html>
    <body>
    <MAP NAME="mapimage">
    <AREA SHAPE="circle" COORDS="560,160,130" alt"Jeux"
    HREF="http://www.solidaritok.com/index.php?page=jeux">
     
    <AREA SHAPE="circle" COORDS="90,200,55" 
    HREF="http://www.solidaritok.com/test/css.php">
     
    <AREA SHAPE="circle" COORDS="425,400,85" alt"Jeux"
    HREF="http://www.youtube.com/watch?v=wtglczOJtWg&mode=related&search">
     
     
     
    </MAP>
     
    <IMG ismap usemap="#mapimage" name="uneimage" STYLE="position:absolute; 
    TOP:0px; LEFT:0px;  border:0" 
    src="http://www.solidaritok.com/photos/univers.jpg"LOWSRC="http://www.solidaritok.com/photos/univers-low.jpg">
    </body>
    </html>

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    Il faut utiliser un langage dynamique à mon avis, pour gérer les changements de taille et donc de position ou alors faire une page par résolution.

  3. #3
    Membre averti
    Inscrit en
    Janvier 2007
    Messages
    23
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 23
    Par défaut
    Ouai en passant par du javascript avec le DOM on peut faire ce genre de choses.

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 9
    Par défaut Merci je vais essayer
    A bientot.

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

Discussions similaires

  1. [CSS / FireFox] Balise de lien <A> et propriété width
    Par DemonKN dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/08/2005, 10h54
  2. internet explorer et max-width
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 13/08/2005, 23h50
  3. comment mettre un width pour qu'il soit pris di
    Par hstlaurent dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 27/06/2005, 19h48
  4. [XSL]Creer un variable pour mettre un width="" pou
    Par Devil666 dans le forum XSL/XSLT/XPATH
    Réponses: 7
    Dernier message: 28/04/2005, 16h37
  5. [W3C] [Debutant] valid. code xhtml et attributs width et align
    Par Marc_3 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 08/04/2005, 07h36

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