Ecrire du texte à coté de l 'image

Fermé

Html
Css

sabineh1 - 14 avril 2016 à 10:43
sabineh1 Messages postés 56 Date d'inscription vendredi 29 septembre 2006 Statut Membre Dernière intervention 13 mars 2021 - 18 avril 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?

A voir également:

Comment mettre du texte a coté d'une image en html
Mettre du texte à coté d'une image html - Meilleures réponses
Comment mettre un texte a coté d'une image html - Meilleures réponses
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
Croix a cote du nom snap - Forum Snapchat
Mettre un texte en majuscule - Guide
Transcription audio en texte word gratuit - Guide
Insérer une image dans word sans bouger le texte - Guide

5 réponses

Réponse 1 / 5

Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 292
Modifié par Adri1infos le 14/04/2016 à 11:56

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>

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
14 avril 2016 à 12:33

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" />
<!-- ou en html5 -->
<img src="https://placehold.it/350x150" alt="mon image">

Adri1infos Messages postés 625 Date d'inscription mardi 31 mars 2015 Statut Membre Dernière intervention 27 février 2020 292 > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
14 avril 2016 à 13:40

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é.

Réponse 2 / 5

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
14 avril 2016 à 12:29

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,

sabineh1 Messages postés 56 Date d'inscription vendredi 29 septembre 2006 Statut Membre Dernière intervention 13 mars 2021
17 avril 2016 à 10:16

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?

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
18 avril 2016 à 13:48

Peux tu nous montrer ton code html et css ?

sabineh1 > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
18 avril 2016 à 18:06

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>

sabineh1
18 avril 2016 à 18:02

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

sabineh1 Messages postés 56 Date d'inscription vendredi 29 septembre 2006 Statut Membre Dernière intervention 13 mars 2021
18 avril 2016 à 18:11

voir plus bas la capture d'écran, merci

Discussions similaires

Aligner un texte avec son image

paragraphe cote a cote

mettre deux images cote a cote.

Faire passer du texte SOUS une image HTML / CSS

CSS du Texte sur une image ?

HTML : mettre le texte à coté de l'image