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 :

[HTML] Positionner une image sur la marge gauche


Sujet :

HTML

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    136
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 136
    Points : 132
    Points
    132
    Par défaut [HTML] Positionner une image sur la marge gauche
    Bonjour,

    voilà mon problème:
    j'ai une image et un texte dans un span. (jusque là ca va...)
    serait-il possible tout en gardant l'image dans le span et sans bouger le texte, d'aligner mon image complétement à gauche de ma page?

    J'ai tenter en jouant sur les attributs position, margin-left, left... mais sans aucun succès.
    J'ai essayé aussi de mettre l'image dans un autre span avant de l'intégrer dans le span principal mais ca ne fonctionne pas non plus.

    Merci.

    Cdlt

  2. #2
    Expert éminent sénior

    Avatar de Siguillaume
    Homme Profil pro
    Conseil - Consultant en systèmes d'information
    Inscrit en
    Août 2007
    Messages
    6 180
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Conseil - Consultant en systèmes d'information
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2007
    Messages : 6 180
    Points : 25 358
    Points
    25 358
    Par défaut
    Bonjour!
    Le cadrage est souvent difficile avec le html uniquement.
    Moi, j'utilise le style css, et avec le jeu des div, je cadre mes textes et mes images comme je veux.
    Je te conseille les div.
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  3. #3
    Membre expérimenté
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Points : 1 350
    Points
    1 350
    Par défaut
    Salut,

    Citation Envoyé par piou1234 Voir le message
    Bonjour,
    serait-il possible tout en gardant l'image dans le span et sans bouger le texte, d'aligner mon image complétement à gauche de ma page?
    Tu veux faire de la magie ou quoi

    Si tu bouge l'image le texte va forcement changer de forme donc pour placer une image à gauche (ou à droite) du texte, il te suffit d'ajouter ceci à la balise image :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image.jpg" style="float:left;">

    Toutefois, si tu dis que ton image se trouve à l'intérieur du span alors, l'image sera coller au extrémité de la taille de ton span donc si tu veux qu'elle se place complètement à gauche faut la mettre hors de ton span si celui-ci n'est pas aligner à gauche avec la page.
    Ne dites pas Java pour dire Javascript ! Ces deux codes n'ont rien à voir ! // Essayez d'expliquer, de la façon la plus claire possible votre problème. // Parfois une image vaut mieux qu'un long discours

    FAQ ASP

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Août 2007
    Messages
    197
    Détails du profil
    Informations personnelles :
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Août 2007
    Messages : 197
    Points : 135
    Points
    135
    Par défaut
    Je vois un peu le soucis que tu as, j'ai rencontré a peu pres la meme chose
    J'ai résolu en faisant un #conteneur et en placant mes .div à l'interieur, l'une allignée a droite et l'autre a gauche

    Bon courage

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    136
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 136
    Points : 132
    Points
    132
    Par défaut
    Bonjour,

    merci pour toutes ces réponss.

    j'ai réussi à me débrouiller en faisant un span "flottant".
    En fait je récupère l'ordonnée du span père et je l'utilise pour mon span floattant (celui qui contient l'image). Je met l'absicce à zéro et le tour est joué. (je jous sur les attributs left, top, et position du span).

    Cdlt

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

Discussions similaires

  1. Positionner une image sur une autre image
    Par DiR95 dans le forum Interfaces Graphiques en Java
    Réponses: 2
    Dernier message: 22/11/2014, 01h43
  2. Positionner une image sur une map
    Par nenette95 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 31/05/2013, 14h33
  3. [Débutant] Positionner une image sur un graphique
    Par matlabeginer dans le forum Images
    Réponses: 2
    Dernier message: 08/04/2008, 13h05
  4. insérer une image sur une page html sans joindre son fichier
    Par fidji dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 03/02/2006, 10h15
  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, 16h41

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