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 :

Aligner un texte et une image


Sujet :

HTML

  1. #1
    Membre à l'essai Avatar de Casey_Garraty
    Femme Profil pro
    En formation développeur web
    Inscrit en
    Janvier 2020
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 32
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : En formation développeur web

    Informations forums :
    Inscription : Janvier 2020
    Messages : 22
    Points : 15
    Points
    15
    Par défaut Aligner un texte et une image
    Bonjour a tous et a toute,

    j'ai un petit soucis, mon texte ne veut pas s'aligner avec mon image, j'ai pourtant utiliser float:left...
    je vous met une capture d'écran et une partie de mon code
    Nom : Capture d’écran (6).png
Affichages : 192
Taille : 1,70 Mo



    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
    <div class="roll">
    					  <img src="img/contenu-img-1.jpg" width="370px" height="273px" alt="img1" class="img1">
     
    					 <h3>Une dizaine de militaires armés </h3>
    				       <span class="auteur">Antoine Dellec</span>
    					   <span class="date">,le 27 avril 2025</span>
     
    					 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    					 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
    					 sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
     
    					 </div>
    					 <div class="doc">
    					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
    					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
    					 </div>
     
    					  <div class="clear"></div>
    et le
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    .roll {
    	float:left;
    	width:820px;
    	overflow: hidden
    }
     
    .doc  {
    	float:right;
    	border-left:1px dashed #000;
    	width:200px;
    	}

    (J'ai du donner une largeur aux div sinon ceux ci ne s'alignait pas)

    Si vous avez des réponses... merci

  2. #2
    Membre à l'essai Avatar de Casey_Garraty
    Femme Profil pro
    En formation développeur web
    Inscrit en
    Janvier 2020
    Messages
    22
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 32
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : En formation développeur web

    Informations forums :
    Inscription : Janvier 2020
    Messages : 22
    Points : 15
    Points
    15
    Par défaut
    heeem... Bon en fait je m'étais concentrée sur le float left de mon div et pas de mon image donc voilààààà j'ai perdu 2h a m'énerver pour rien.
    ce post est un bon exemple de stupidité.

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

Discussions similaires

  1. Aligner un texte et une image
    Par novice100 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 29/10/2010, 13h20
  2. Aligner texte a une image
    Par Shivas dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/01/2009, 14h59
  3. Positionnement de texte sur une image
    Par inddzen dans le forum Windows
    Réponses: 2
    Dernier message: 08/08/2005, 13h22
  4. Zone de texte dans une image
    Par sanna dans le forum Algorithmes et structures de données
    Réponses: 21
    Dernier message: 18/03/2005, 23h15
  5. [HTML]Peut-on écrire un texte sur une image ?
    Par flogreg dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 28/02/2005, 18h24

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