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 :

Décaler le texte par rapport à une image


Sujet :

CSS

  1. #1
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut Décaler le texte par rapport à une image
    Bonjour,

    j'aimerais le genre de procédé suivant :

    journal

    j'aimerais avoir un pavé de texte, et que llorsque je rajoute une image (au mileu, à gauche, à droite, peu importe), que le texte laisse la place à l'image, comme dans un journal, mais sans créer de colonne.

    Auriez vous une solution s'il vous plais ?

    Quand je rajoute une image, elle se place dessus le texte.

    Je vous remercie

  2. #2
    Membre confirmé Avatar de saymoneu
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2010
    Messages
    248
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Avril 2010
    Messages : 248
    Points : 505
    Points
    505
    Par défaut
    L'image se met par dessus? Elle doit être en absolute et dans ton cas c'est donc à éviter.

    Je te conseillerais d'utiliser un margin, padding ou un float mais sans code de ta part je ne peux pas t'en dire plus.

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Points : 8 040
    Points
    8 040
    Par défaut
    On va faire au petit bonheur la chance...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    img {
        display: inline; /* voir inline-block */
        padding: 5px;
    }

  4. #4
    Débutant  
    Profil pro
    Inscrit en
    Février 2007
    Messages
    356
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 356
    Points : 99
    Points
    99
    Par défaut
    Rectification.

    Merci torgar, ca fonctionne très bien. Merci beaucoup !

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

Discussions similaires

  1. Positionner bloc texte par rapport à une image
    Par cccb24 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/07/2013, 11h05
  2. Réponses: 12
    Dernier message: 08/11/2010, 19h23
  3. Centrer du texte verticalement par rapport à une image
    Par gb1963 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 09/06/2010, 09h40
  4. Texte centré par rapport à une image (sans table)
    Par devyan dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/12/2008, 20h10
  5. positionnement de texte par rapport à une image
    Par maysa dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/12/2007, 13h49

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