mise en page photo plus texte
-
Bonjour,
un renseignement s’il vous plait.
Quand j’écris un article avec une photo, ensuite du texte, et encore une photo, et bien quand je sauvegarde la page, tout se mélange un peu n’importe comment, et le résultat sur le site, et pas terrible.
Y a t il un moyen de bloquer la mise en page comme on la conçoit au fur et à mesure?
Merci.
domdom2006L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Bonjour. Afin de recevoir l’aide voulue, pourriez-vous préciser ce que vous voulez faire au juste? Exemple : « Je veux que mon texte soit aligné à gauche, mais que la photo soit alignée à droite ».
-
Bien sur, pas de problème.
Je fais un article normal ou les textes alternent avec les photos. Quand je suis sur le tableau de bord, je fabrique mon article et le résultat est comme je le veux avant la sauvegarde, à savoir les textes à gauche et les photos aussi. C’est un tuto en fait, donc texte, photo, texte, photo, etc, etc.
Mais quand je sauvegarde, photos et texte viennent s’empilés en hauteur, et les textes se collent aux photo.
Exemple: haut et bas d’article
http://pcconseilpourtous.wordpress.com/category/uncategorized/Donc au final, je voudrais savoir comment faire pour que la mise en page reste comme je le veux?
merci -
je voudrais savoir comment faire pour que la mise en page reste comme je le veux?
À ma connaissance, il n’y a pas de réponse « passe-partout » à votre question, sinon je vous l’aurais donnée tout de suite. D’où ma demande de précisions…
À mon tour de vous poser une question : faites-vous un copier-coller à partir d’un autre site ou d’un autre éditeur (comme Microsoft Word)? Il y a des retours de chariots un peu partour sur votre article, ce qui n’est pas habituel.
-
Non, aucun copier coller. Pour le texte, je le tape directement dans le dashboard article, et les photos, je passe par le module de telechargement.
Et voilà le terme: retour de chariot.
Effectivement, il me fait ça a chaque fois!!
Et si je recommence la mise en page comme je le souhaite, et bien il me refait un délire.
Donc, vraisemblablement, il n’y a pas de solution? -
-
Avec l’information générale que vous me donnez, je n’arrive pas à cerner le problème.
Essayez avec un autre navigateur (ou actualisez le vôtre), videz votre mémoire cache et supprimez vos cookies. Si ce la ne fonctionne toujours pas, communiquez avec le support SVP :
-
Bonsoir,
Non j’ai aussi ce même problème.
Exemple deux images qui s’intervallent entre un début de texte alors que je voudrais une image à gauche, une image à droite et mon texte en dessous. Pour résoudre ces problèmes je paramètre une image aligné à gauche et une autre aligné à droite, ensuite je fais un caractère « point » ou virgule ou n’importe, puis j’appuis sur « entrer » puis encore un caractère puis entrer etc… que je viens ensuite colorer en blanc pour ne pas qu’ils se voient.Ainsi le texte descend au niveau que j’ai voulu et ne vient pas perturber les deux images.
A chaque fois que j’ai un « problème d’images » en fait ce n’est juste qu’un problème de bidouillage et la solution c’est de faire des retours à la ligne et des caractères en blancs. En tout cas pour moi.
-
Merci beaucoup pour cette solution, mais j’ai du changer de site pour ce blog. (me suis mis au flash). Il me semble que pour simplifier ce problème, il suffirais de créer une zone d’écriture de la même taille que la largeur du site!
Mais le « dashboard » est beaucoup plus large!
C’est dommage, parce que cela n’a pas l’air trop dur à résoudre comme problème. -
Bonjour,
Le code HTML pour placer à gauche (par ex) une img redimensionnée est je crois
<img class="alignleft" style="border:0 none;" src="URL_IMAGE" width="??" height="??" />
mais effectivement dans ce cas le texte vient se coller à droite, ce qui n’est pas très jojo. Et si l’on définit une marge, exemple
<p style="padding-top:14px;">VOTRE TEXTE</p>
chez moi ça détraque un petit peu le paysage, pour rester soft, mais je vous souhaite le meilleur :)Une autre solution serait d’essayer de travailler en colonnes
Le plus simple pour deux colonnes de largeur adaptable la formule serait par ex:<div style="float:left;width:34%;"> <p style="text-align:none;">CONTENU DE GAUCHE</p> </div> <div style="float:right;width:64%;"> <p style="text-align:none;">CONTENU DE DROITE</p> </div>Vous pouvez bien sûr remplacer le pourcentage attribué à chacune (ces 2% manquants empêchent généralement le chevauchement) ou bien encore remplacer text-align:none par text-align:left ou right.
Je sais par expérience que d’un thème à l’autre le résultat sera plus ou moins heureux, mais il ne faut pas désespérer, chacun finit par trouver ses marques, finalement ;) -
Pour plus de rigueur dans les colonne, vous pourriez opter pour ceci:
<table border="0" cellspacing="0" cellpadding="O" width="100%"> <tbody> <tr style="text-align:justify;"> <td style="text-align:justify;" width="??%" valign="top"> <p>CONTENU GAUCHE</p></td> <td style="text-align:justify;" width="5%" valign="top"> <p> </p></td> <td style="text-align:justify;" width="??%" valign="top"> <p>CONTENU DROITE</p></td> </tr> </tbody> </table>Si vous avez du mal ensuite à redémarrer hors cadre, ajoutez ceci
<div style="height:1.4em;visibility:hidden;">0</div> <p style="text-align:none;">TEST</p>en dessous. Là en principe, ça ne bougera plus.
Il ne vous reste plus qu’à déterminer les ??%. Bonne chance :)
- Le sujet ‘mise en page photo plus texte’ est fermé aux nouvelles réponses.