Déjà inscrit au forum ? ( Mot de passe perdu / Mail de validation non reçu ) :
Bon ou mauvais code htlml pour insérer une image et du texte à droite?
fab


Site/blog

130 messages

posté le 2008-07-11 à 12:52:29

Bonjour

J'ai cherché sur le forum comment l'on pouvait mettre du texte à droite d'une image. J'ai en effet trouvé le code html correspondant, cependant lorsque je l'applique, cela ne fonctionne pas ma photo n'apparaît pas.

Voici :
<img src=«http://www.blog4ever.com/blogfichiers/153477/boximages/153477080711123633.jpeg » style=«float: left »>

Pourriez-vous me faire savoir où est l'erreur

Merci beaucoup

Bon appétit

Nat
Nana


Site/blog

20331 messages

posté le 2008-07-11 à 13:02:20

Bonjour
tu as mis des espaces entre jpg et "
et entre left et "

tu as mis celà :

<img src=«http://www.blog4ever.com/blogfichiers/153477/boximages/153477080711123633.jpeg » style=«float: left »>


Il faut mettre celà :

<img src=«http://www.blog4ever.com/blogfichiers/153477/boximages/153477080711123633.jpeg» style=«float: left»>
fab


Site/blog

130 messages

posté le 2008-07-11 à 14:42:14

Merci , mais je viens de retenter avec ta nouvelle formule et ça ne fonctionne tjours pas !

Que faire ?
Nat
PapyClic


Site/blog

6935 messages

posté le 2008-07-11 à 15:06:29

Bonjour
Bonjour Fab

Pour les images moi je mets :


<img align= "left" src="http://www.blog4ever.com/blogfichiers/153477/boxi"mages/153477080711123633.jpeg" />


Dans un paragraphe où j'écris le texte... je pense qu'avec float:left; c'est bon aussi

A essayer...

Bonne continuation

Nana


Site/blog

20331 messages

posté le 2008-07-11 à 15:37:53

Re

mon code est bon !

<img src="http://www.blog4ever.com/blogfichiers/153477/boximages/153477080711123633.jpeg" style="float: left">


Le problème est que l'image est trop grande pour écrire à côté ! elle prend déjà tout le composeur ! elle fait 500 x 375
normal qu'on ne puisse pas écrire à côté

Teste avec une petite image, tu verras que mon code est exact.
fab


Site/blog

130 messages

posté le 2008-07-11 à 17:06:38

ok merci j'ai réduit, ça marche
Merci
Nat
Nana


Site/blog

20331 messages

posté le 2008-07-11 à 17:24:20

Coucou
J'ai vu ton message après coup !
Oui je pense que les deux sont bons.
J'avais testé avec float, et comme çà fonctionnait bien, j'ai mis le code dans tutoriels.
Je vais rajouter le tien de ce pas, comme çà il y aura le choix !
Bisousssss
fab


Site/blog

130 messages

posté le 2008-07-11 à 17:43:41

Re merci à vous 2
Nat
PapyClic


Site/blog

6935 messages

posté le 2008-07-11 à 18:05:06

re Coucou

J'avais employé les 2 codes, c'est pour cette raison que j'ai mis mon post.
Dans le tutoriel tu peux ajouter peut-être...


<img align="left" src="http://www.blog4ever.com/blogfichiers/153477/boximages/153477080711123633.jpeg" width="70%" height="70%" vspace="10" hspace="10" />


:note: Les guillemets le composeur les supprime

On réduit la taille sans toucher à l'original avec height et width, puis avec vspace et hspace on crée un espace autour de la photo.

Ce code marche très bien j'ai fait un article sur DizTest [lien] et j'ai mis comme astuce.


Fab

Bonne soirée à tous(tes)


Dernière modification le 11-07-2008 à 18:35:23
Nana


Site/blog

20331 messages

posté le 2008-07-11 à 19:12:00

J'ai rajouté ton code précédent dans les tutoriels.

Celui-ci est trop élaboré. Dans les tutoriels je mets des choses simples destinées à des débutants afin de ne pas les brusquer ! ensuite ils voient d'eux-mêmes leurs progrès et cherchent à peaufiner, tu comprends?

Bonne soirée :ch1
PapyClic


Site/blog

6935 messages

posté le 2008-07-11 à 20:04:30

... pour la suite ils peuvent faire une visite à DizTest
Bonne soirée
Nana


Site/blog

20331 messages

posté le 2008-07-11 à 21:30:51


pour la suite ils peuvent faire une visite à DizTest

c'est bien comme çà que je l'entendais !
Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs