+ Ответить в теме
Показано с 1 по 3 из 3

Тема: Как расположить элементы на странице таким образом?

  1. #1
    Новичок marchenkovby на пути к лучшему Аватар для marchenkovby
    Регистрация
    24.11.2017
    Сообщений
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Как расположить элементы на странице таким образом?

    Здравствуйте.

    Есть вот такой HTML код: https://codepen.io/machenkovby/pen/OOZpwX

    Отображается он сейчас так:
    QrvAIie.png

    Hеобходимо сделать так:
    0lPgALI.png

    Картинка и название статьи должны быть ссылкой. Тег <h3> в примере должен иметь черный фон и нижнюю линию на всю длину блока.

    Последний раз редактировалось marchenkovby; 24.11.2017 в 14:08.

  2. #2
    Местный Degradator на пути к лучшему Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    1,917
    Thanks
    141
    Thanked 142 Times in 142 Posts
    Читай про css свойства
    display, clear, float
    или про
    position, padding, left
    Обе комбинации имеют свои недостатки и преимущества. Вобще задача тривиальная, посмотри например как сделано тут: https://www.ronorp.net/zuerich/stadtgespraech

  3. The Following User Says Thank You to Degradator For This Useful Post:

    marchenkovby (05.12.2017)

  4. #3
    Новичок marchenkovby на пути к лучшему Аватар для marchenkovby
    Регистрация
    24.11.2017
    Сообщений
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Спасибо за ответ.

+ Ответить в теме

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 06.02.2013, 11:21
  2. Ответов: 1
    Последнее сообщение: 08.04.2012, 14:46
  3. Ответов: 3
    Последнее сообщение: 29.03.2011, 22:19
  4. Ответов: 25
    Последнее сообщение: 30.11.2010, 11:26
  5. Ответов: 3
    Последнее сообщение: 17.08.2010, 14:54

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения