Salut à tous,

La propriété Overflow ne fonctionne plus et le mot dans ma balise <p> n'est plus centré au milieu, alors qu'il y a la propriété.

Pourriez-vous m'aider ?

En vous remerciant d'avance pour l'aide apportée.

Re

J'ai réglé l'overflow, le code se casse quand je passer du h3 au h2 et il y avait une barre oblique au mauvais endroit, mais concernant la balise <p>, je sèche tjs...

  .cards_h_overflow {
        width: 50%;
        overflow: auto;
        padding-bottom: 1rem;
      }

<div class="cards_h_overflow">
        <div class="cards_h">
          <article class="card_h_card">
            <div class="card_h_thumb">
              <img class="card_h_img_thumb" src="img/card_img_1.jpg" alt="" />
            </div>

            <div class="card_h_apercu">
              <h2><b>Bar L’Echappée</b></h2>
              <img class="card_h_notation" src="img/notation.png" alt="" />

              <div class="card_h_catego">
                <p class="card_h_categ1">Bar</p>
                <p class="card_h_categ2">Plein air</p>
                <img
                  class="card_h_flecheverte"
                  src="img/flecheverte.png"
                  alt=""
                />
              </div>
            </div>
          </article>

<article class="card_h_card">
        <div class="card_h_thumb">
          <img class="card_h_img_thumb" src="img/card_img_1.jpg" alt="" />
        </div>

        <div class="card_h_apercu">
          <h2><b>Bar L’Echappée</b></h2>
          <img class="card_h_notation" src="img/notation.png" alt="" />

          <div class="card_h_catego">
            <p class="card_h_categ1">Bar</p>
            <p class="card_h_categ2">Plein air</p>
            <img class="card_h_flecheverte" src="img/flecheverte.png" alt="" />
          </div>
        </div>
      </article>

      .card_h_catego {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 3rem;
        padding-top: 0.75rem;
        padding-top: 0.938rem;
      }

      .card_h_categ1 {
        width: 75px;
        height: 25px;
        margin: 0;
        background: #fbfafc;
        border: 1px solid #360c4a;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        border-radius: 10px;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }

      .card_h_categ2 {
        width: 75px;
        height: 25px;
        margin: 0;
        background: #fbfafc;
        border: 1px solid #360c4a;
        box-sizing: border-box;
        border-radius: 10px;
        text-align: center;
        border-radius: 10px;
      }

-
Edité par MoiMoi249 16 juin 2021 à 21:50:30