Ecrire du texte à coté de l 'image

Html
Css

sabineh1 -
sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention - 18 avr. 2016 à 18:11

Bonjour,

Bonjour,
Voila je souhaite pour mon site pouvoir mettre une image à gauche ou à droite et écrire mon texte à côté, mais j 'ai pas mal cherché, j' y parviens cependant j 'ai pas mal de texte et je ne sais pas pourquoi il n 'y a que la première phrase qui se met à coté de mon image tout le reste du texte se met en dessous?
Alors que je souhaite avoir tout mon texte à côté de l' image?
Merci de votre aide?

Afficher la suite

5 réponses

Réponse 1 / 5

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
Adri1infos Messages postés 658 Statut Membre 309
Bonjour,
Copie-colle ton code (la partie qui nous intéresse) pour voir.
Ensuite, je pense que tu dois pouvoir t'en sortir en faisant un tableau :
```
<table>
<tr><td>TON TEXTE</td><td><img src="..."></img></td></tr>
</table>
```
5
1. Pitet Messages postés 2845 Statut Membre 530
  
  La balise html table est une solution facile mais celle-ci ne devrait plus être utilisée pour de la mise en page.
  Attention également à la balise img qui est une balise autofermante :
  <img src="https://placehold.it/350x150" alt="mon image" />  <img src="https://placehold.it/350x150" alt="mon image">
  
  2
2. Adri1infos Messages postés 658 Statut Membre 309 > Pitet Messages postés 2845 Statut Membre
  
  Dsl pour l'erreur de la balise, c'est une vieille habitude.
  Après, la balise table est très utile : simple et efficace, elle passe partout et ne pose pas de problème de compatibilité.
  
  0
Réponse 2 / 5
Pitet Messages postés 2845 Statut Membre 530
Salut,

Tu peux appliquer la propriété css float sur ton image afin que celle-ci flotte, le texte pourra alors s'afficher à coté de l'image flottante :
```
<img src="https://placehold.it/350x150" alt="mon image" style="float: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae odio augue. Etiam blandit accumsan ante, at dictum ex tincidunt et. Integer sagittis, nibh a rhoncus suscipit, metus nulla tincidunt tellus, in rhoncus nisl velit at turpis. Nulla quis felis leo.
```
Plus d'info : http://fr.html.net/tutorials/css/lesson13.php

Bonne journée,
2
1. sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention
  
  Bonjour,
  Merci, cependant j' ai tenté d' utiliser ce code et cela fonction mais que pour le début de mon texte, donc la première phrase est bien à côté de ma photo mais le reste du texte ce met en dessous?
  
  0
2. Pitet Messages postés 2845 Statut Membre 530
  
  Peux tu nous montrer ton code html et css ?
  
  0
  1. sabineh1 > Pitet Messages postés 2845 Statut Membre
    
    Voila après avoir continuer sur quelques recherche le code :
    
    FONT color="black">
    </a>
    <FONT size="5pt">
    blablablablabla!<br><br>
    <FONT size="3pt">
    <div id="contact-info" style="text-align: center">
    
    <center>
    <table>
    <tr>
    <td>
    <p>blablalbla!<br>
    ...Ublalblalballba<br>
    blablanbablablablab<br>
    blablablabla<br>
    </td>
    <td>
    <p><a href="http://www.monimage" target="_blank"/a><br>
    
    <IMG SRC="http://monimage= 400">
    <div id="contact-info" style="text-align: center">
    </td>
    <td>
    
    </td>
    </tr>
    </table>
    </center>
    </body>
    
    </html>
    
    </p>
    </FONT>
    
    0
3. sabineh1
  
  Je ne l 'ai plus j 'ai tout effacé est remis comme c' était vu que cela ne fonctionnait pas?
  Mais je le refais alors.
  Merci
  
  0
4. sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention
  
  voir plus bas la capture d'écran, merci
  
  0
Réponse 3 / 5
sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention

du coup je ne sais toujours pas comment m' y prendre, avec float left ou float right il n' y a que le début de mon texte à côté de l' image et avec un tableau je n 'ai pas essayé mais je lit que cela ne doit plus se faire???
Merci encore et très bon dimanche à tous.
0
Réponse 4 / 5
sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention

Mais par contre je ne sais toujours pas comment m' y prendre.
Avec float left ou float right il n' y a que le début de mon texte à côté de l' image et avec un tableau je n 'ai pas essayé mais je lit que cela ne doit plus se faire???
Merci encore et très bon dimanche à tous.
0
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 5
sabineh1 Messages postés 49 Date d'inscription Statut Membre Dernière intervention

Et voila en image ce que cela donne, mais je n' aime pas beaucoup, l' image n 'est pas centré par apport à la hauteur du texte et celle ci est collée au texte?
merci
0

Ecrire du texte à coté de l 'image

5 réponses

Discussions similaires

Newsletters