Alignement image et texte intro article

[Alain_56]

Dans ce cas, n'utilise pas l'onglet Images et lien. Place l'image et le lien dans l'article, juste avant ton texte, et applique lui la règle CSS.

Ok, c'est bon !
Merci

[Colnem30]

Dans ce cas, n'utilise pas l'onglet Images et lien. Place l'image et le lien dans l'article, juste avant ton texte, et applique lui la règle CSS.

[Alain_56]

VU ton fichier html.
Il faut placer le texte dans le même conteneur que l'image (ou inversement).

Bonjour,
Je comprend ce que tu dis, mais si j'utilise l'onglet "images et liens" pour placer la photo, ou dois-je écrire le texte ?

[Colnem30]

VU ton fichier html.
Il faut placer le texte dans le même conteneur que l'image (ou inversement).

[Alain_56]

Salut
Regarde si ton image n'est pas contenue dans un <div> (ou autre balise de type block). Auquel cas c'est son conteneur qu'il faudra porter en float:left
A+

Bonjour Colnem30,
Par défaut Joomla place l'image entre les balises <figure>
Jusqu'à maintenant l'image se place correctement, c'est le texte qui ne suit pas à gauche de l'image.
Le texte est entre une <div>, est-il possible avec le CSS de le faire bouger?

<figure class="image item-image">
<a href="/index.php/devinette" itemprop="url" title="Devinette">
<img src="/images/bureau/image_article/question-a.jpg" alt="Devinette" itemprop="thumbnailUrl" loading="lazy" width="100" height="100"> </a>
</figure>
<div class="item-content">

<div class="page-header">
<h2 itemprop="name">
<a href="/index.php/devinette" itemprop="url">
Devinette </a>
</h2>
</div>
<p>Et si vous répondiez à quelques <strong>devinettes</strong> pour vérifier vos connaissances</p>
</div>

[Colnem30]

Salut

Regarde si ton image n'est pas contenue dans un <div> (ou autre balise de type block). Auquel cas c'est son conteneur qu'il faudra porter en float:left

A+

[Alain_56]

Bonjour,
Avec un CSS, je souhaite placer sur le même alignement, une image à gauche et le texte à droite (comme le fichier joint)
Mon code actuel place le texte en dessous de l'image.

.image{
float:left;
height: 100px;
width: 100px;
}