• 0
Elizabeth2018

Как убрать отступ после изображения

Вопрос

Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Здравствуйте. Уберите отступы у текста, сразу после картинки

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0

 @klierik Спасибо за ответ!Но у меня все равно не получается. Я пишу: <p><img src="Large_Houston_Landsat.jpg" alt="Large">Хьюстон со спутника Landsat 7</p>

И сейчас приложу скриншот, что все равно отступ после изображения есть. А надо, чтобы отступа после изображения не было.

 

Снимок.PNG

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: gadjet
      Такая конструкция работает нормально
      <img src="/img/logo.png" alt="Logo" />
       
      Перестает работать внутри контейнера <a>. И локально и на хостинге, картинка не отображается
      <a href="/index.html>
      <img src="/img/logo.png" alt="Logo" />
      </a>
    • Автор: jack123537
      <!DOCTYPE html>
      <html lang = "eng">
      <head>
      <meta charset = "utf-8">
      <link rel = "stylesheet" href = "css/mains.css"/>
      <title>Шапка</title>
      </head>
      <body>
      <header>
      <div class = "container">
      </div>
      </header>
      <section>
      <div class = "container">
      </div>
      </section>
      <section>
      <div class = "container">
      </div>
      </section>
      <section>
      <div class = "container">
      </div>
      </section>
      <footer>
      <div class = "container">
      </div>
      </footer>
      </body>
      </html>
       
       
      css....
      (Файл называется mains.css и находится по пути css/mains.css)
      header {
          background-image: url(../img/first-bg.jpg): no-repeat center top / cover;
          height: 8 px;
          width: 811 px;
      }
    • Автор: ows.nightwolf
      Доброго времени суток, прошу помощи в решении задачи.
      Пример (как должно быть):

      На данном рисунке:
      Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен иметь размеры в точности такие как само изображение (облегать его). Задача должна быть решена на чистом CSS + HTML.
      Доп информация:
      Эта информация имеет косвенное отношение к задаче, и я ее тут предоставил просто чтобы дать больше информации о контексте применения решения если оно найдется. Многое из того что тут описано я не включал в пример задачи чтобы не усложнять ее.
       
      Мои наработки:
      Пока что наиболее близкого поведения я смог добиться только таким способом:
      https://codepen.io/ows_nightwolf/pen/yxoYBa
      Но тут изображение не может вырасти больше своего реального размера, и красный контейнер не повторяет размеров изображения