Изображение с прозрачным фоном нужно выровнять по левому краю, а текст рядом с ним форматировать таким образом, чтобы он заполнил визуальное пространство рядом с девушкой (тема сисек отсутствует).
Одно из популярных, а часто и единственный вариант - это один малоизвестный скрипт [позывной "Бекон"]. Однако, если вы знаете о CSS3 и HTML5 больше, чем то что можно использовать header и footer, nav и прочие "новые" объекты, вы предложите еще минимум одно простое и задокументированное решение (со значениями polygon, circle и другими).
PS: У W3C выходной, до валидности кода нет дела, цель - найти решение.
+ Яндекс/Майл/Рамблер и прочие браузеры, включая малоизвестные на движке webkit (а может и chromium, тогда браузеров еще больше).
По условию для FF и IE можно запускать бекон и не париться. В Битриксе есть определение браузера на уровне ядра, что в результате прописывается в класс html-тега (основной контейнер).
Не суть, if-else спасет ситуацию.
Сообщение отредактировал kw.egorov - Oct 6 2014, 19:08
Это гемор тот еще, да и выравнивать их придется по краю, потому как адаптивный - вариант не подходит. Значит в сторону.
а если надо применить лишь в одном месте и текст не будет растягиваться, подключать ради этого библиотеку? Для некоторых задач проще дивом, но само собой это менее гибкий вариант
Сообщение отредактировал Daily - Oct 6 2014, 22:11
а если надо применить лишь в одном месте и текст не будет растягиваться, подключать ради этого библиотеку? Для некоторых задач проще дивом, но само собой это менее гибкий вариант
Если в одном месте и статика, то это тупо визитка. Ну да ладно, любите сложные пути - пожалуйста.
Порой дизайн такой пришлют, что без курева, которое употреблял указанный субъект, не разберешься. Есть два пути - делать или не делать. Если не делать - опять есть два пути - отправлять на исправление или бросить.
Рисовать приходится не мало, но с различными сниппетами и заготовками из предыдущих проектов работы становится меньше, а денег больше. На том и стоим.