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

A voir également:

Comment mettre un texte a cote d'une image en html
Comment mettre du texte a coté d'une image en html - Meilleures réponses
Comment mettre une image à côté d'un texte 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
Comment mettre un texte en majuscule - Guide
Extraire texte d'une image - Guide
Editeur html - Télécharger - HTML
Comment mettre deux textes côte à côte sur word - Guide

5 réponses

Réponse 1 / 5

Adri1infos Messages postés 658 Statut Membre 306

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 2845 Statut Membre 528

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 658 Statut Membre 306 > 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é.

Réponse 2 / 5

Pitet Messages postés 2845 Statut Membre 528

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

Pitet Messages postés 2845 Statut Membre 528

Peux tu nous montrer ton code html et css ?

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>

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

Discussions similaires

Newsletters