Загрузка...

Problem with the front, help a newbie

Thread in Your sites created by jXsevenUP Jun 27, 2024. 311 views

  1. jXsevenUP
    jXsevenUP Topic starter Jun 27, 2024 11 Jun 7, 2021
    у меня есть фотка, и я хочу увеличить эту фотку в width , что бы она стала больше, но когда я ее увеличиваю по ширине, она выходит за рамки разрешенного, то есть за рамки сайта
    как сделать что бы фотка не выходила за рамки?????
     
  2. darkside
    darkside Jun 27, 2024 :omg: guest ➤ :omg: 2805 Dec 22, 2019
    Она выходит за рамки вообще сайта или за рамки где ты её видишь?

    А так просто попробуй уменьшить масштаб страницы, мб поможет
     
    1. View previous comments (3)
    2. jXsevenUP Topic starter
      darkside, вот я увеливаю картинку, но она выходит за пределы
    3. View the next comments (1)
  3. изменить
    изменить Jun 27, 2024 wow. 252 Aug 24, 2021
    Очень все понятно, но возможно так


    CSS
    img {
    width: 100%;
    max-width: 100%; /*or px */
    height: auto;
    }
     
    1. View previous comments (4)
    2. изменить
      jXsevenUP,
      CSS
      .photo_main-div {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      }

      .mainJETphoto {
      width: 100%;
      height: auto;
      display: block;
      }
    3. jXsevenUP Topic starter
      extasy, спасибо большое, но проблема в том, что я хочу это фото (mainJETphoto) сделать не 100%, а больше, но что бы не вылезала за рамки
      я делаю больше в ширине , а оно вылезает
    4. Deluxee
      jXsevenUP, Ограничь контейнер вокруг фотографии
      Это должно выглядеть так

      <div class="container">
      <img scr="test.png" />
      </div>

      .container {
      width: 500px; // своё значение
      }
Loading...
Top