Ecrire du texte à coté de l 'image [Fermé]

Signaler
-
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021
-
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:

5 réponses

Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
444
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,
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

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?
Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021
444
Peux tu nous montrer ton code html et css ?
>
Messages postés
2371
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
13 janvier 2021

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>
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
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

voir plus bas la capture d'écran, merci
Messages postés
623
Date d'inscription
mardi 31 mars 2015
Statut
Membre
Dernière intervention
27 février 2020
237
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>
Messages postés
3580
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
16 mars 2021
826
Salut,
La fonction de la balise table est de présenter des données sous forme de lignes et colonnes et non d'assurer une mise en page.
CSS est de loin préférable et donne beaucoup plus de souplesse, par exemple pour que le texte entoure l'image.
+1 les tables pour la mise en page vont complexifier celle ci (en donnant l'impression de la simplifier), une horreur à écrire/ lire et une horreur à modifier, mises en pages en lignes/colonnes obligées aussi avec Table et quand la mise en page et différente selon les lignes colonnes il faut biaiser et rajouter du code(colspan...).

Une table (tableau en français) étant pour des données tabulaires(les résultats du tiercé, la gestion d'un stock etc...) ce contenu n'est donc pas référencé:

Dans l'exemple cela veut dire que l'image et le texte ne le sont pas et deviennent des données tabulaire donc seront pas indexés par les moteurs de recherche en tant qu'image et texte mais bien en valeurs de tableaux(sous entendu de données). A fortiori très mauvais pour un titre qui passe à la trappe et la page HTML elle même qui ne fournit pas toutes ses informations auprès des annuaires(ex: Google, Yahoo...).

C'est une mauvaise pratique et une erreur pour la règle de base des pages web: séparer la mise en page du contenu.
HTML définit la couche sémantique et structurelle par ses balises, CSS la mise en page. En plus des fonctions d'automatisation de CSS cela veut dire que l'on peut changer l'un sans toucher à l'autre.

Et cela fait plus de 10 ans qu'il ne faut pas utiliser table pour la mise en page.
Messages postés
623
Date d'inscription
mardi 31 mars 2015
Statut
Membre
Dernière intervention
27 février 2020
237 > htpt
Ok dsl, autant pour moi alors.
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

Merci Adri1infos
Messages postés
623
Date d'inscription
mardi 31 mars 2015
Statut
Membre
Dernière intervention
27 février 2020
237 >
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

Pas de pb ;-)
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

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.
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

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.
Messages postés
56
Date d'inscription
vendredi 29 septembre 2006
Statut
Membre
Dernière intervention
13 mars 2021

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