Ecrire du texte à coté de l 'image

Html
Css

sabineh1 -
sabineh1 Messages postés 56 Date d'inscription Statut Membre Dernière intervention - 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?

Afficher la suite

A voir également:

Html position image
Mettre du texte à coté d'une image html - Meilleures réponses
Mettre une image a coté d'un texte html - Meilleures réponses
Ma position - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Editeur html - Télécharger - HTML
Suivi position google - Guide

5 réponses

Réponse 1 / 5

Adri1infos Messages postés 628 Date d'inscription Statut Membre Dernière intervention 296

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 Statut Membre Dernière intervention 527

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 628 Date d'inscription Statut Membre Dernière intervention 296 > Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention

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 Statut Membre Dernière intervention 527

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 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?

Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention 527

Peux tu nous montrer ton code html et css ?

sabineh1 > Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention

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

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 Statut Membre Dernière intervention

voir plus bas la capture d'écran, merci

Discussions similaires

Faire passer du texte SOUS une image HTML / CSS

Slider en HTML ET CSS

redimensionner une image css

Faire sauter 2 lignes avec br (CSS)

CSS du Texte sur une image ?

Cliquer sur un bouton pour faire apparaitre un paragraphe/image

Votre réponse

Discussions similaires