Задать вопрос
KonstRuctor
@KonstRuctor
программист, дизайнер, фотограф, журналист
html

Пытаться ли сверстать такой элемент блоками?

Есть вот такой элемент, который отображается на одной из страниц сайта.
jsfiddle.net/KonstRuctor/k2Ttm/4/
Я сделал его в виде таблицы, выглядит как мне нужно. Сайт фиксированной ширины.
Вопрос такой – имеет ли смысл пытаться сверстать такую конструкцию блоками?
Насколько она будет кроссбраузерна?
Может быть кто-нибудь из коллег продемонстрирует решение?
Спасибо.
  • Вопрос задан
  • 4515 просмотров
Комментировать
Подписаться 5 Оценить Комментировать
Решения вопроса 1
dpigo
@dpigo
Front-end developer
Минимально меняя верстку и стили: jsfiddle.net/fGHnK/1/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
br3t
@br3t
В вёрстке вообще не видно никаких проблем для использования блоков. float:left — и вперёд. С кроссбраузерностью тоже проблем не вижу
Ответ написан
3 комментария
3 комментария
@artishok
кратко
Пока верстал, тут уже предложили варианты, но и я оставлю jsfiddle.net/k2Ttm/14/
Ответ написан
Комментировать
Комментировать
caffeinum
@caffeinum
https://bykhun.com
Можно задать ширину строго в пикселях, присвоив картинке и тексту (.image и .main) свойство display: inline-block;
Если привязка к пикселям не устраивает, можно задать в процентах (30% и 60%, например).

jsfiddle.net/k2Ttm/9/
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Требуется Pure PhP + Symfony (Обязательно) разработчик для CRM/ERP
26 апр. 2024, в 14:07
3000 руб./в час
Спарсить каталог сайта
26 апр. 2024, в 14:06
15000 руб./за проект
Доработка бота на языке C++ (D) (достойная оплата труда)
26 апр. 2024, в 14:06
55555 руб./за проект
Ещё заказы