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:
Mettre un texte a coté d'une image html
Mettre une image a coté d'un texte html - Meilleures réponses
Mettre du texte à coté d'une image html - Meilleures réponses
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.
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?
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">
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é.
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.
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.
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.
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
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
444FONT 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>
Mais je le refais alors.
Merci