code HTML pour mise en page image

[Mage-Li]

Bonjour, pour précision je fais mon site sous rapidweaver.
J'aimerai trouvé la meilleure solution possible pour faire des articles sur des albums de music, des film etc...
J'ai essayé plusieurs plug-in pour rapidweaver mais aucun ne me satisfait, et puis avec une simple page blog de rapidweaver ca m'irrai si je n'avais pas le prob suivant :

Ce que je n'aime pas c'est que le texte n'encadre pas l'images... J'ai essayé d'arranger ca avec du code HTML mais je n'ai pas trouvé...


J'aimerai avoir :

Connaisez vous le code HTML qui pourrait me sorti de ce probléme ? Ou es que vous connaissez l'existance d'un super plug in pour rapidweaver ?

merci

 

[p4bl0]

Bonjour, pour précision je fais mon site sous rapidweaver.
J'aimerai trouvé la meilleure solution possible pour faire des articles sur des albums de music, des film etc...
J'ai essayé plusieurs plug-in pour rapidweaver mais aucun ne me satisfait, et puis avec une simple page blog de rapidweaver ca m'irrai si je n'avais pas le prob suivant :

Ce que je n'aime pas c'est que le texte n'encadre pas l'images... J'ai essayé d'arranger ca avec du code HTML mais je n'ai pas trouvé...


J'aimerai avoir :

Connaisez vous le code HTML qui pourrait me sorti de ce probléme ? Ou es que vous connaissez l'existance d'un super plug in pour rapidweaver ?

merci

dans la balise img faut que tu rajoute style="float:left;" (ou right si tu veux l'image floattante à droite).

 

[Mage-Li]

Quand j'ai vu ta réponse je me suis dis :
Mais pourquoi tu n'as pas pensé a float !!!

J'ai donc fais un test mais a ma grande surprise la balise n'est pas pris en compte puiqu'elle s'affiche et pourtant je n'ai pas fais d'erreur de sémantique non ?

<p style="float:right;">image dans rapidweaver</p>

J'ai essayé aussi :

<div style="float:left;">image dans rapidweaver</div>

Une autre idée ?

 

[tatouille]

peux tu donner un lien que je regarde le source global ?

 

[Anonyme]

Quand j'ai vu ta r&#233;ponse je me suis dis :
Mais pourquoi tu n'as pas pens&#233; a float !!!

J'ai donc fais un test mais a ma grande surprise la balise n'est pas pris en compte puiqu'elle s'affiche et pourtant je n'ai pas fais d'erreur de s&#233;mantique non ?



J'ai essay&#233; aussi :



Une autre id&#233;e ?

Comme disait p4bl0, c'est sur IMG que tu dois mettre le float.

 

[Mage-Li]

Je peux le faire mais l'interet serait que j'ai juste un bout de code a ajouter dans rapidweaver et pas a modifier le code global générer par rapidweaver...

le lien vers une page d'exemple : Test

 

[Nephou]

Je peux le faire mais l'interet serait que j'ai juste un bout de code a ajouter dans rapidweaver et pas a modifier le code global g&#233;n&#233;rer par rapidweaver...

le lien vers une page d'exemple : Test

:heu: y&#8217;a un &#8217;bl&#232;me l&#224; : on voit le code :rateau:

solution : dans ton inspecteur de page (le bouton (i) en bas de ta fen&#234;tre de rapidweaver) sous l'onglet code ajoute dans le champ script vide :

.imageStyle {float:left;margin-right:5px;}

sache seulement que m&#234;me si &#231;a r&#233;pond &#224; ton probl&#232;me actuel &#231;a peut t'en poser d'autres

 

[p4bl0]

Dans RapidWeaver (j'ai jamais utilis&#233;, tout mes sites depuis le d&#233;but (en 5&#232;me il y a 6 ans) sont cod&#233;s &#224; la main) il doit bien y avoir un inspecteur pour les image ou un truc du genre ou on peut sp&#233;cifier si on la veut &#224; gauche ou &#224; droite (ou ajouter ce qu'on veut dans la balise style, ou appliquer une classe css) non ??

Si il n'y a pas alors il va falloir pour chaque image que tu aille modifier le code...

 

[Mage-Li]

Excuse moi gloup gloup je n'avais pas vu ta réponse.

J'ai testé ca :

<img src="http://www.musicdirect.com/images/CMSA/CMUTESA9273.jpg" alt="exemple" width="175" height="175" style="float:right;">

et ca :

<img src="http://www.musicdirect.com/images/CMSA/CMUTESA9273.jpg" alt="exemple" width="175" height="175" float:"right">

ou encore ca :

<img src="http://www.musicdirect.com/images/CMSA/CMUTESA9273.jpg" alt="exemple" width="175" height="175" float="right">

Et bien d'autre trucs mais rien n'a fonctionné, ma sémantique ne doit pas etre bonne...

 

[p4bl0]

Excuse moi gloup gloup je n'avais pas vu ta r&#233;ponse.

J'ai test&#233; ca :


et ca :



ou encore ca :



Et bien d'autre trucs mais rien n'a fonctionn&#233;, ma s&#233;mantique ne doit pas etre bonne...

C'est le premier qui marche, ou alors c'est que tu ne l'as pas fais correctement.

P.S. : pour mettre des bouts de code sur les forums utilise les balises code ([code ] et [/code ], sans les espaces avant les crochets fermant).

 

[Anonyme]

Pour parler franchement, je ne connais pas RW, je fais comme p4bl0 : avec un &#233;diteur de texte, mais Nephou t'as donn&#233; une solution il me semble&#8230;

D'un autre c&#244;t&#233;, ta premi&#232;re solution a l'air bonne, je ne sais pas pourquoi &#231;a ne marche pas&#8230;

 

[Nephou]

Dans RapidWeaver (j'ai jamais utilisé, tout mes sites depuis le début (en 5ème il y a 6 ans) sont codés à la main) il doit bien y avoir un inspecteur pour les image ou un truc du genre ou on peut spécifier si on la veut à gauche ou à droite (ou ajouter ce qu'on veut dans la balise style, ou appliquer une classe css) non ??

Si il n'y a pas alors il va falloir pour chaque image que tu aille modifier le code...

:siffle:

bon ben faites comme si je ne disais rien mais j'ai testé et ça fonctionne

pour info p4bl0… si dans RW tu utilises le modèle de page « texte formaté » tu n'as pas accès aux paramètre de style… mais les images ont une classe dont je me suis servi

 

[p4bl0]

:siffle:

bon ben faites comme si je ne disais rien mais j'ai testé et ça fonctionne

pour info p4bl0… si dans RW tu utilises le modèle de page « texte formaté » tu n'as pas accès aux paramètre de style… mais les images ont une classe dont je me suis servi

Je ne sais pas je n'ai jamais eu RapidWeaver devant moi (sauf screenshot), mais le probl&#232;me de faire &#231;a avec une classe que toutes les images ont, c'est que &#231;a va le faire &#224; toute les images, et je ne pense pas que Mage-Li ne veuille &#231;a.

Sauf si la classe imageStyle que tu utilise ne s'applique qu'aux images que l'on souhaite.

 

[Anonyme]

Bon, j'ai t&#233;l&#233;charg&#233; RW. Pour aligner une image, tu la s&#233;lectionne puis tu vas dans le menu Format, puis HTML, puis Align Image Left ou Align Image Right.

P.S. je-me-la-p&#232;te : la s&#233;mantique c'est l'utilisation des heading pour faire des titres (format heading 1 , 2, 3, 4), des blockquote pour faire des citations, des code pour ins&#233;rer du code informatique, etc. Bref, d'utiliser les &#233;l&#233;ments html &#224; ce pour quoi ils ont &#233;t&#233; invent&#233; et ne pas se contenter, par exemple, de marquer une ligne de texte en gras pour faire un sous-titre.