Image à gauche d'un texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image à gauche d'un texte

Message par Fleurine le Jeu 22 Aoû 2013 - 12:18

Bonjour,

J'ai cherché sur pas mal de différent endroits comment mettre une image à gauche d'un texte et ai récupéré un code que j'ai un peu modifié. Cependant, il fonctionne très bien sur mon Firefox, mais lorsque je regarder le résultat sur un autre PC cela ne donne plus la même chose... ^^', surtout sur chrome. Voici le résultat:

- Sur Firefox -


- Sur Chrome -

Voici le code utilisé. Cela me permet d'avoir les personnage (image à gauche du texte un peu plus bas que le texte pour un petit effet cool).
Code:

<img src="http://i75.servimg.com/u/f75/17/56/10/87/jjpago16.gif"  align="left" vspace="2" hspace="0" /><div style= "background: #B2D6DB; height:105px;width:340px;border:1px solid #000000;font:15px/25px Georgia, Garamond, Serif;overflow-y:scroll;">
 Bienvenue à Hinata! Si tu as des questions à propos du forum n'hésites pas à les poser dans cette partie. Un modérateur ou administrateur te répondra le plus rapidement possible.
</div>
Quelqu'un pourrais il me donner un code plus simple ou m'aider à trouver une solution à ce problème ? Ce serait vraiment gentil =]

Précisez moi également si vous découvrez d'autres choses étranges sur mon forum. Cela peut toujours m'aider. Merci beaucoup.


Dernière édition par Fleurine le Jeu 22 Aoû 2013 - 13:09, édité 1 fois

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image à gauche d'un texte

Message par Matriochka le Jeu 22 Aoû 2013 - 12:19

Bonjour,

Pour mettre une image à gauche on peut simplement utiliser dans les styles float:left;

plus d'infos sur cette propriété : http://css.mammouthland.net/positionner-image-float-html-css.php

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image à gauche d'un texte

Message par Fleurine le Jeu 22 Aoû 2013 - 12:40

Merci beaucoup de votre réponse si rapide! Cela m'a pas mal aidé jusqu'à présent.
Il me reste à savoir comment je peux insérer une scrollbar pour faire défiler mon texte. Auriez vous la réponse à ma question?
Merci milles fois encore I love you 

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image à gauche d'un texte

Message par Matriochka le Jeu 22 Aoû 2013 - 12:45

Oui, pour ça il suffit d'utiliser quelque chose de ce genre :
Code:
<div style="overflow:auto;height:100px;">ton petit texte ici</div>
Là par exemple, la scrollbar se déclenche si le texte prend plus de 100 px de hauteur. Tu peux régler de manière à ce que la scrollbar apparaisse avant en changeant height:**px;

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image à gauche d'un texte

Message par Fleurine le Jeu 22 Aoû 2013 - 13:08

Merci beaucoup! Cela fonctionne à merveille! Désolée d'avoir mis 10mn à vous répondre mais je testais si tout fonctionnait bien.

Merci! Merci! Merci!

Fleurine
****

Féminin
Messages : 243
Inscrit(e) le : 23/07/2012

http://residence-hinata.forumactif.org/
Fleurine a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum