Retour à la page principale

aide.joueb.com

Session
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?

ecrire du texte à côté d'une image
--> est-ce possible?
Bonjour :)
  Voila, j'aimerai ajouter une image dans un article et l'aligner sur la gauche de celui-ci. J'aimerais aussi ajouter du texte à la droite de cette image. Mon problème est que je ne sais pas comment faire.
Quand j'ajoute une image dans mon article et que je tappe mon texte par la suite, il commence en bas à droite de l'image. Moi je voudrais qu'il commence en haut à droite, pour ne pas avoir de gros espace blanc à côté de l'image donc...

 J'espère que ce n'est pas trop confus lol, merci pour votre aide :)
Ecrit par conscience, le Lundi 29 Août 2005, 12:56 dans la rubrique "Publication".

Commentaires :

Aliena
29-08-05 à 14:37

Je pense que tu peux faire ça avec la commande d'insertion d'image de l'éditeur visuel. Dans "Layout" il y a l'option "Alignment", il faut sélectionner "Left" pour que l'image soit à gauche, ensuite tu devrais pouvoir écrire à côté de l'image. Est-ce bien ça que tu voulais?

 
conscience
29-08-05 à 14:44

Re:

Merci pour ta réponse,
C'est ce que j'ai fait la premiere fois, avant de poster ce message. J'ai mis l'alignement à gauche mais lorque je tappes "espace" pour commencer mon texte, l'indicateur se positionne en bas à droite de l'image.

 
Amethyst
29-08-05 à 14:45

Je n'ai pas testé la solution d'Aliena mais tu peux aussi créer un tableau à deux cellules côte à côte : tu insère ton image dans celle de gauche et ton texte dans celle de droite : tu peux même rendre le tableau invisible en ne faisant pas apparaitre les contours (le tableau est alors là mais personne ne le voit) : c'est d'ailleurs ainsi que sont fait la plupart des sites statiques en HTML : des tableaux dans des tableaux, etc et ceci créé la mise en forme des pages.

En te souhaitant bon courage pour la suite.


 
conscience
29-08-05 à 14:55

Re:

Je vais essayer ton idée. Comment faire pour rendre les contours du tableau invisibles? 

 
Amethyst
29-08-05 à 15:12

Re: Re:

Ca peut se faire de façon très simple : tu créé ton tableau normalement au début, en mettant le nombre de colonnes et de lignes que tu veux, tu le remplis à ta guise de textes ou d'images ou les deux. Pour le moment, le tableau apparait toujours.

Pour le faire disparaitre, il te suffit d'aller cliquer le petit signe à droite de celui de tableau (<>). Là tu mets 0 dans border="1" et tu valides : le tableau aura disparu.

Voilà :-))


 
conscience
29-08-05 à 15:20

Re: Re: Re:

merci pour ton aide :)

 
Amethyst
29-08-05 à 15:38

Re: Re: Re: Re:

De rien. Contente d'avoir pu t'aider :-)

 
Gamin
29-08-05 à 16:30

Re:

Y'a un problème...

Les tableaux (ou frames) peuvent détruire une mise en page... à utiliser avec modération...

La solution d'Aliena est la meilleure, à condition que l'image ne soit pas trop imposante...


 
Gamin
29-08-05 à 16:53

Explications en images...

Explications en images !! :-)

Tu commences par insérer ta photo via l'éditeur visuel (bouton de la barre d'outils) en sélectionnant la photo à insérer sur ton pc (bouton "parcourir" et ensuite "envoyer")...

Il faut ensuite aligner ta photo à gauche (partie Layout, mettre "Left", et dans Spacing, mettre dans les 2 champs 10 et 10 --voir la capture ci-dessous--)

Si le redimensionnement automatique des images est activé, l'image est réduite comme ci-contre (clique dessus pour la voir en taille réelle), et le texte apparait bien à droite de l'image, avec une bordure invisible juste à la droite de l'image (le "spacing") pour une meilleure lisibilité...

Bien sûr, si le redimensionnement automatique n'est pas activé, et si ton image est trop grande, il est fort possible que le texte n'aille pas à la droite de l'image, mais sous l'image !!

Une fois ton image mise en place dans l'éditeur, il te suffit de cliquer à droite de l'image et de taper ton texte...

Si tu as des questions, je suis à ta disposition... ;-)


 
conscience
29-08-05 à 20:54

Re: Explications en images...

merci pour ton aide : )

 
Anonyme
12-09-05 à 20:00

Re: Re: Explications en images...

<p>Je viens de me poser la même question et voilà la solution que je te propose:</p><p>Dans ta balise Image (<img src="image.gif">) tu rajoute un ch'tit:</p><p><strong>style="float: left"</strong> ou <strong>style="float: right"</strong> selon ou tu veux positionner ton texte</p><p>Ce qui te donerais <strong><img src="image.gif" style="float: left"></strong> par exemple</p>

 
Anonyme
12-09-05 à 20:01

Re: Re: Explications en images...

Je viens de me poser la même question et voilà la solution que je te propose:

Dans ta balise Image (<img src="image.gif">) tu rajoute un ch'tit:

style="float: left" ou style="float: right" selon ou tu veux positionner ton texte

Ce qui te donerais <img src="image.gif" style="float: left"> par exemple


 


Version  XML  - Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.