Fermer

Bonjour,
La fonction de ce portail est consacrée uniquement à la présentation de JCE 1.5.
Des portails spécifiques sont proposés pour les versions JCE 2 et JCE 1.1.

Pour toutes questions sur JCE ou ses plugins, veuillez svp poster sur le forum, il ne m'est pas possible de répondre aux messages privés.

En vous souhaitant du plaisir dans la découverte de cet éditeur.
Sarki

Informations
Information : la version JCE 1.5 n'est plus suivie depuis le 1er novembre 2010 ! - Il est conseillé de la désinstaller avant d'installer la version 2
13es Rencontres Mondiales du Logiciel Libre, du 7 au 12 juillet 2012 à Genève
Un stand Joomla! est prévu avec des développeurs pour répondre à vos questions

Menu Liens utiles

Articles récents / modifiés

Soutenir ce site

Précisez la somme :

Stat's depuis le 14.08.08

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterAujourd'hui53
mod_vvisit_counterHier217
mod_vvisit_counterSemaine725
mod_vvisit_counterMois4529
mod_vvisit_counterTous664971
Légende d'image PDF Imprimer Envoyer
Vous pouvez créer une légende d'image à l'aide d'une balise div et de styles appliqués
  1. Insérez une image puis, placez le curseur à sa droite en la sélectionnant puis en appuyant sur la flèche droite du clavier.
    Appuyez sur la touche « Majuscule + Enter » pour créer un saut de ligne puis, inscrivez votre légende.
    Sélectionnez la légende et l'image et appliquez-leur la balise « div » par le menu déroulant « Format ».
    Appliquer une balise DIV à une image
  2. Sélectionnez la balise « div » en cliquant sur son nom dans la barre d'état « Chemin », sous le champ de contenu.
    Sélectionner la balise DIV et son contenu
  3. Cliquez sur la fonction « Insérer/Editer Styles », puis remplissez les paramètres comme sur les captures ci-dessous
    Outil application de styles - BlocOutil application de styles - BoîteOutil application de styles - Position
  4. Résultat final...
    Résultat final en mode édition
  5. Le code...
1



2
3
4
 
<div style="margin: 5px 0px 5px 10px; text-align: center; width: 118px;
float: right; position: relative;">< alt="articles"
src="images/stories/articles.jpg"height="96" width="128" /><br />
<strong><em>La légende</em></strong></div>
<p>Exemple d'un texte qui reste à gauche.</p>
<p>L'image est bien à droite avec sa légende centrée.</p>
<p>Cette légende peut être modifiée en la sélectionnant.</p>
< Précédent   Suivant >
Mise à jour le Vendredi, 30 Septembre 2011 08:38