blog alpha design joomla

Le blog d' Alpha Design Joomla et autres ...

Comment aligner ses images avec JCE dans Joomla

L'éditeur de texte JCE fournit beaucoup de paramétrages supplémentaires aux utilisateurs de Joomla, tels que la création de tableaux, l'insertion d'images, la modification de l'aspect du texte et bien plus.

L'alignement d'images est très facile avec JCE, c'est l'une des raisons pour laquelle nous aimons utiliser cet éditeur.

Dans ce tutoriel, je vais vous expliquer comment aligner des images avec JCE.

Insérer une image alignée a gauche 

Lorsque vous éditez un article Joomla ou un module de "Contenu personnalisé".

  • Cliquez sur l'icône "Insert/Edit image"

l'icône insert/edit image de l'éditeur JCE

1. Sélectionnez l'image

2. Choisissez Alignement: "left"

3. Désélectionnez le paramètre Equal Values

4. Saisissez une valeur (en pixels) pour le champ Margin Right

Alignez une image avec l'éditeur JCE

  • Puis cliquez sur le bouton "insert".

Nous avons ainsi défini une marge sur la droite pour ajouter un espace entre l'image et le texte.

un alignement d'image à droite avec l' éditeur de texte JCE

 Insérez une image alignée à droite 

  • Cliquez sur l'icône "Insert/Edit image"

l'icône insert/edit image de l'éditeur JCE

1. Sélectionnez l'image

2. Choisissez Alignment : "right"

3. Désélectionnez le paramètre Equal Values

4. Saisissez une valeur (en pixels) pour le champ Margin left

alignement d'une image à droite avec l'éditeur de texte JCE

  • Puis cliquez sur le bouton "insert".

Nous avons ainsi défini une marge sur la gauche pour ajouter un espace entre l'image et le texte.

 un alignement d'image à droite avec l' éditeur de texte JCE

 Insérez une image alignée au centre

  • cliquez sur l'icône "Insert/Edit image"

1. Sélectionnez l'image 

2. Choisissez Alignment : "Centre"

Aligner une image au centre avec l'éditeur de texte JCE

  • Puis cliquez sur le bouton "insert"

Voici comment l'image apparaîtrait dans l'éditeur JCE 

un image centrée avec l'éditeur de texte JCE de Joomla

Insérez une image avec des marges égales

Voici comment nous allons insérer la même marge sur la droite, le haut, le bas et la gauche d'une image :

Cliquez sur l'icône "Insert/Edit image"

1. Sélectionnez l'image, vous pouvez aussi choisir un "alignement"

2. Conservez le champ Equal Values sélectionné

3. Saisissez une valeur pour le champ Margin

un image centrée avec l'éditeur de texte JCE de Joomla

  • Puis cliquez sur le bouton "insert".

Les marges (margin)  ont ajoutées un espace tout autour de l'image 

Des marges égales autour d'une image avec l'éditeur JCE

 Cet article est la traduction du tutoriel "How to Align Images with JCE in Joomla"

4.75 1 1 1 1 1 1 1 1 1 1 Notez cet article 4.75 (2 Votes)

Commentaires (0)

Il n'y a pas encore de commentaire

Ajoutez votre commentaire

Pièces jointes (0 / 3)
Share Your Location

Ils nous ont fait confiance

Universités & organismes de recherche

L' INSERM - unité U999, Université Paris Sud - Centre Chirurgical Marie Lannelongue

The Center for Groundwater Studies - Australie

L 'ENSAE : École Nationale de la statistique et de l'administration

La Maison des Sciences de l'Homme Paris Nord , UMS de l'université Paris 8, de l'université Paris 13 et du CNRS

L' Institut Supérieur de Développement - ISD Flaubert

Monpellier RIO imaging (MRI), plate - Forme Technologique (PFT), labellisée IBiSA.

Organismes publics

Ministère de la défense : État Major de la 3ème Brigade Mécanisée

La mairie de la ville de Marly le Roi

La mairie de la ville de Breuillet

La mairie de la ville de Thuir

L' Agence Locale de l'Energie de la métropole marseillaise

L' Institut de Formation en Masso-kinésithérapie de Montpellier - Centre Hospitalié Universitaire de Bellevu

Le Centre de Gestion de la fonction Publique Territoriale des Alpes de Haute Provence

La Capitelle - couveuse d'entreprises du Gard

Le Centre Social Intercommunal de Saint Quentin de la Poterie

Le collège & lycée Saint Charles

Le lycée Philippe Lamour

Le centre François Baclesse: Centre de Lutte Contre le Cancer (CLCC)

Entreprises

Astrium une filiale EADS No 1 européen et No 3 mondial de l'industrie spatiale

Messer France

Photonlines

Shânti Gestion

App-Line

Vincent et Mireille

Axiom Information

Galerie Art City

Le Château de Boisson

LM Control

Vagabonde International

Photonlines Energy

la Pisciculture la Croisière

FHSolution

NaturEditions

Etudions à l'étranger

E.P.A.

Microeconomix

Alatak

Jade Black Design

Une bague une destinée

Schmulb

Espace revêtements

Partenaire de réussite

Stylitek

Fun-Kart

The Crew Coach

Sanitval

Ateliers d'écriture de Virginie Lou

cam4you

SDB+

Armelle Bongrain - architecte d'intérieur

ECIM

Riveria Expat Consultants

Florence Thorez - Diététicienne Nutritionniste

Le Séchoir

Le Moulin de Bouydou

L' Espace de Formation Clinique et Psychanalytique

Cours de musique à Montpellier

Leads Planet

Agerix

Etudions à l'étranger

Biopreserv

Aloes RED

InfoTour

EverNew

Synalabs

Bureau d'Etudes Arlaud

Stage de musique été

Fermetures Neuvillaises

Linguapolis

Weblligence

ASD Protect

Véronique Crépaux - praticienne en Energétique Traditionnelle Chinoise

Françoise Léon - Psychologue du comportement alimentaire

Inovtolerie

BlueSafe

Viasocial

Repco Marine

King Jouet

Dr Abbas - cabinet ORL

ER3M

Cryo'net

Vectoring Talents

Desir d'écrire

Installation yperreault

Viaortho

Viadentiste

Alice Sweet Home

ONG / Associations

UNESCO: International Music Council

L' Association de Recherche en Soins Infirmiers

L' Union Internationale Contre la Tuberculose et les maladies respiratoires

Le Centre National des Risques Industriels

L' Institut International des Hautes Études en Psychanalyse

SurdiFrance : Association nationale de malentendants

La fondation Internationale de l'Hôpital Albert ScMhweitzer à Lambaréné

La Maison des Professions Libérales Ile de France

Le Conseil National de l' Enseignement Agricole Privé

La ligue Dauphiné Savoie de tennis

Le Conseil Permanent Régional des Associations d’Environnement

Le Syndicat des Podologues d'Île de France

La compagnie aux grands pieds

L'Espace de l'Ouest Lyonnais

 

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour notamment réaliser des statistiques de visites