Alignement image et texte intro article

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

  • [RÉGLÉ] 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

  • #2
    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+

    Commentaire


    • #3
      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>

      Commentaire


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

        Commentaire


        • #5
          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 ?

          Commentaire


          • #6
            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.

            Commentaire


            • #7
              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

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X