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 :

Positionner une image à un endroit fixe


Sujet :

HTML

  1. #1
    Nouveau Candidat au Club
    Inscrit en
    Novembre 2011
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Novembre 2011
    Messages : 2
    Points : 1
    Points
    1
    Par défaut Positionner une image à un endroit fixe
    Bonjour,


    Après avoir fait de nombreuses recherches sur de nombreux forums je sollicite votre aide...

    Je viens de refaire le design de mon site web (voir screenshot ici) et j'aimerais que dans la construction de celui ci il ne bouge plus (ex: impossible de faire défiler vers le bas..).

    Voila mon problème, j'aimerais ajouter du texte sur mon image (sur certaines pages beaucoup) et je ne sais pas comment faire (j'utilise Dreamweaver et je suis novice sur le logiciel).

    Certaines personnes parlent d'ajouter l'image en background mais quand j'essaye, elle est soit trop grande, soit trop petite (bref, j'aimerais quel soit positionnée pile à cet emplacement et de cette taille précise).

    Quelqu'un peut-il m'aider?

    Merci d'avance..

  2. #2
    Membre régulier
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Octobre 2011
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

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

    Informations forums :
    Inscription : Octobre 2011
    Messages : 60
    Points : 100
    Points
    100
    Par défaut
    Hello voici ta réponse ou plutôt une réponse possible
    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
     
    html->
    <div id="madiv">
    Ton texte
    </div>
     
    CSS->
    #madiv{
    width:400px; /* Largeur de ton image */
    height:400px; /*Hauteur de ton image*/
    background-image:url('tonImage.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
    }

  3. #3
    Nouveau Candidat au Club
    Inscrit en
    Novembre 2011
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Novembre 2011
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    Merci!.. J'ai essayé, ça fonctionne!


    PS:

    Pour les internautes qui ont le même problème, corriger la balise "madiv".
    <div id="madiv">
    Ton texte
    </div>

  4. #4
    Membre régulier
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Octobre 2011
    Messages
    60
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

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

    Informations forums :
    Inscription : Octobre 2011
    Messages : 60
    Points : 100
    Points
    100
    Par défaut
    tant mieux lol ,alors il faut marquer comme résolu !

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 31/03/2007, 11h16
  2. [VB] excel->word positionner une image
    Par estampille dans le forum VBA Word
    Réponses: 2
    Dernier message: 19/01/2006, 18h34
  3. positionner une image
    Par Bibouda dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/12/2005, 14h26
  4. Placer une image à un endroit identifié par ses coordonnées
    Par sempire dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 16/11/2005, 23h19
  5. comment Positionner une image sur une autre ?
    Par moumoule17 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 25/11/2004, 17h41

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