photos ds page : les aligner avec les textes à côté ? impossible !
-
Bjr
Existe t-il une balise type « retour à la ligne » ou un truc pour que les photos soit les unes sous les autres avec le texte correspondant à chacune? là le texte reste en un seul bloc , en haut, et donc à côté de la premiere photoMerci
http://washitaa.wordpress.com/cadrages-aquatiques/
L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
-
ou bien raisonner par par paragraphe :
ou bienCODE HTML pour aligner une image à gauche ds un paragraphe
<p><a href="URL_LIEN"><img class="alignleft" title="TITRE" src="URL_IMAGE" style="border:5px solid #ffffff;" width="??"/></a> mon blabla... et pour un retour à la ligne j'ajoute <br /> puis je continue mon blabla....</p>et nouveau paragraphe…
-
je suis ok pour utiliser un tableau ds editeur html.
plus facile d’aligner comme je veuxje fais comment ?
tks -
parce que je viens d’essayer ce que vous m’avez dit mais cela ne fonctionne pas
je pense que je n’ai pas trouvé comment « raisonner par paragraphe »
c où
tks
-
Quand on dit « code HTML » dans les forums, il faut utiliser non pas l’onglet Visuel, mais l’onglet Texte lorsque vous écrivez votre article. Réessayez, mais cette fois en choisissant l’onglet texte d’abord.
Autre chose : nous sommes des utilisateurs comme vous. Nous n’avons accès qu’aux articles et aux pages que vous avez déjà publié, pas aux brouillons ni à l’aperçu des modifications (le lien que vous nous avez donné en est un exemple; on y voit les mots « preview »).
-
Bon j’ai fait exactement ce que vous disiez, j’ai récupéré votre ligne de code, mais je n’obtiens tjs pas d’alignement de mes photos et images.
les photos se mettent les une sous les autres …et les textes aussi
malgré les balises p /p de paragraphes et br de retour à la ligne.voici mon code : 1. <p><img class= »alignleft » title= »CADRE 1″ src= »http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-1_-small1.jpg » style= »border:5px solid #ffffff; » width= »300″ /> Cadre de coquillages et de cailloux et verres polis par les vagues, minutieusement ramassés année après année et choisi un à un.
Cadre pour ma fille Andréa </p>2. <p><img class= »alignleft » title= »CADRE 1″ src= »http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-2_-small.jpg » style= »border:5px solid #ffffff; » width= »300″ /> Support bois, incrustés dans Plastiroc blanche puis collée avec colle à bois.
Cadre pour mon fils Lucas </p>et voici le lien avec résultat visible : http://washitaa.wordpress.com/cailloux-coquillages/
les photos ne sont pas aligner avec les textes…
Merci.
-
Bonjour,
C’est le code que nous utilisons, tassi et moi, mais en effet il ne semble pas vouloir fonctionner lorsqu’il y a trop peu de texte pour emplir l’espace correspondant à la hauteur de l’image sur lequel il est supposé s’aligner. L’attribut (alignleft) semble prévaloir sur le paragraphe, et bien sûr la balise br / subit le même boycot. (tassi, sorry, j’ignorais ce twist… il faut dire qu’en général on remplit l’espace sans peine, hum hum ;)Voici deux solutions possibles, pour forcer l’alignement du Texte:
SOLUTION 1:
Utiliser la propriété float dans l’attribut du paragraphe (p), càd remplacer l’actuel
<p>contenu du paragraphe</p>
par
<p style="float:left;">contenu du paragraphe</p>EXEMPLE SOL 1:
<p style="float:left;"><img class="alignleft" title="CADRE 1" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-1_-small1.jpg" style="border:5px solid #ffffff;" width="300" /> Cadre de coquillages et de cailloux et verres polis par les vagues, minutieusement ramassés année après année et choisi un à un.<br /> Cadre pour ma fille Andréa </p><p style="float:left;"><img class="alignleft" title="CADRE 2" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-2_-small.jpg" style="border:5px solid #ffffff;" width="300" /> Support bois, incrustés dans Plastiroc blanche puis collée avec colle à bois.<br /> Cadre pour mon fils Lucas </p>SOLUTION 2:
Ajouter une balise div devant chaque paragraphe (et penser à la refermer avant d’en entamer une autre)
<div style="float:left;padding-top:10px;"><p>contenu du paragraphe</p></div>EXEMPLE SOL 2:
<div style="float:left;padding-top:10px;"><img class="alignleft" title="CADRE 1" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-1_-small1.jpg" style="border:5px solid #ffffff;" width="300" /> Cadre de coquillages et de cailloux et verres polis par les vagues, minutieusement ramassés année après année et choisi un à un.<br /> Cadre pour ma fille Andréa </div><div style="float:left;padding-top:10px;"><img class="alignleft" title="CADRE 2" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-2_-small.jpg" style="border:5px solid #ffffff;" width="300" /> Support bois, incrustés dans Plastiroc blanche puis collée avec colle à bois.<br /> Cadre pour mon fils Lucas </div> -
Je m’aperçois que p (paragraphe) est manquant dans l’exemple sol 2, ça fonctionnera sans mais je pense qu’il vaut mieux le conserver. Rectif:
EXEMPLE SOL 2:
<div style="float:left;padding-top:10px;"><p><img class="alignleft" title="CADRE 1" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-1_-small1.jpg" style="border:5px solid #ffffff;" width="300" /> Cadre de coquillages et de cailloux et verres polis par les vagues, minutieusement ramassés année après année et choisi un à un.<br /> Cadre pour ma fille Andréa </p></div><div style="float:left;padding-top:10px;"><p><img class="alignleft" title="CADRE 2" src="http://washitaa.files.wordpress.com/2013/03/cadre-coquillage-2_-small.jpg" style="border:5px solid #ffffff;" width="300" /> Support bois, incrustés dans Plastiroc blanche puis collée avec colle à bois.<br /> Cadre pour mon fils Lucas </p></div> -
-
Bonjour,
Moi aussi j’ai des difficultés pour faire correspondre des images et des textes. J’ai toutefois en suivant l’aide en anglais, pratiqué ceci. Ce n’est qu’une participation de ce que je fais et non une solution.
En fait, je vous conseille d’abord d’écrire vos textes et ensuite seule d’insérer vos images.
Je sais que la petite souris est une grande spécialiste ainsi que tassi pour les codes html.
Je salue d’ailleurs tout ce petit monde au passage et bien entendu Sergio :)
Je ne vous raconterai pas mes essais, ce serait complètement inutile. Mais je ne doute pas un jour d’y arriver. :)) Je vis relire également les informations citées ci-dessus.Voilà ma petite contribution pour l’insertion d’images ou photos dans un texte. Pour que le texte commence par exemple en haut et à côté de chaque photo, j’aimerais aussi le découvrir.
Belle journée à vous.
-
Hello, Filamette!
Oui, c’est ce qu’on fait en général, et en principe ça fonctionne
http://lilmaouz.wordpress.com/2011/11/10/editeur-6-4-2
mais s’il y a peu de texte c’est quand.même un peu plus compliqué.
La solution des colonnes fonctionne, notamment ce code simplifié
http://lilmaouz.wordpress.com/2010/10/03/deux-colonnes-simplement
adapté pour cette question précise du forum à 30 et 70 % par exemple
mais tout ceci nécessite l’éditeur html et c’est p-e pas évident pour tous.
Enfin on y arrive toujours, finalement il suffit d’un clic sur l’onglet ad-hoc.
Bon weekend à toi et à tous (merci pour ce coucou, c’est très sympa ,-) -
@filamots: Bonjour ! merci pour vos salutations… c’est toujours un plaisir de vous aider… votre attitude toujours polie et positive nous y invite quand nous le pouvons… alors que parfois le phrasé de certains me découragent….. dans ce cas précis, heureusement la souricette était là pour palier à mes humeurs…
-
Hello et merci a la petir frimousse brune qui a aligné brillamment mes photos avec son code simple et clair !
- Le sujet ‘photos ds page : les aligner avec les textes à côté ? impossible !’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 
