Alignement image et texte intro article

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Alain_56
    a répondu
    Envoyé par Colnem30 Voir le message
    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

    Laisser un commentaire:


  • Colnem30
    a répondu
    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.

    Laisser un commentaire:


  • Alain_56
    a répondu
    Envoyé par Colnem30 Voir le message
    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 ?

    Laisser un commentaire:


  • Colnem30
    a répondu
    VU ton fichier html.
    Il faut placer le texte dans le même conteneur que l'image (ou inversement).

    Laisser un commentaire:


  • Alain_56
    a répondu
    Envoyé par Colnem30 Voir le message
    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?
    Code:
    <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>

    Laisser un commentaire:


  • Colnem30
    a répondu
    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+

    Laisser un commentaire:


  • Alain_56
    a crée un sujet [RÉGLÉ] Alignement image et texte intro article

    Alignement image et texte intro article

    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.
    Code:
    .image{
    float:left;
    height: 100px;
    width: 100px;
    }
    Cliquez sur l'image pour l'afficher en taille normale  Nom : article-image gauche.png  Affichages : 99  Taille : 11,9 Ko  ID : 2043196
    Dernière édition par Alain_56 à 01/10/2022, 10h57

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X