0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1800 Просмотров
*

Roman Petrenko

  • Захожу иногда
  • 438
  • 61 / 0
  • Дизайн без секретов
Здравствуйте, кто сталкивался с таким, пожалуйста, подскажите, как правильно выполнить верстку, чтоб текст материала выравнивался по криволинейному контуру (начало статьи на прилагаемом изображении)?

*

profiX0808

  • Захожу иногда
  • 497
  • 70 / 0
на самом деле трудный случай.

как вариант накидать блоки: левые разной ширины и правые разной ширины и центральный блок, текст которого будет обтекать левые и правые блоки.

На данной картинке первых 8 строчек разной ширины, вот по 8 блоков левых и правых...
*

Roman Petrenko

  • Захожу иногда
  • 438
  • 61 / 0
  • Дизайн без секретов
на самом деле трудный случай.

как вариант накидать блоки: левые разной ширины и правые разной ширины и центральный блок, текст которого будет обтекать левые и правые блоки.

На данной картинке первых 8 строчек разной ширины, вот по 8 блоков левых и правых...

Ага, получается у центрального блока я ставлю самый маленький z-индекс. Все блоки позиционирую абсолютно. Для центрального выйдет что-то вроде:

<div style="position:absolute; top:aa; left:bb; width:xxx; height:yyy; z-index:1;" overflow:hidden>

Вот с overflow, конечно не пойму, как. Потому-что hidden - обрежет все что выступит за центральный блок...
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Да, на ум приходит лишь вариант с реализацией блоков в 1 строку (height:1em;).
А position:absolute; и overflow:hidden; здесь совсем не нужны.
Просто разработать определенное позиционирование первых нескольких блоков.

А в общем, думаю, что проще отказаться от такого подхода в реализации с текстом.
Придется каждый раз подгонять статьи, чтобы смотрелось нормально, а это уже попахивает бредятиной.
А дизайнеру руки бы оторвать за такие извращения. Чем он руководствовался не понятно. Такой текст ведь и читать-то не легко. Да и как-то кривовато еще со свечкой получается. Текст вроде как на пергаменте, но при этом и над свечкой...
Эшер прям).

Думаю, что надо пересмотреть подход к дизайну, ну или к позиционированию элементов.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как ограничить вывод текста?

Автор Bowa

Ответов: 19
Просмотров: 18247
Последний ответ 18.08.2014, 11:32:21
от BHy4eK
Как вставить картинку с права от текста.

Автор persey01

Ответов: 1
Просмотров: 1846
Последний ответ 28.01.2012, 02:00:47
от Aleks_El_Dia
Выровнять заголовок материала по центру!

Автор misterio

Ответов: 2
Просмотров: 4037
Последний ответ 19.11.2011, 12:51:17
от misterio
выравнивание меню в siteground-j15-59

Автор AndreiFX

Ответов: 6
Просмотров: 3530
Последний ответ 18.11.2011, 01:42:26
от DegA81
Обрезание текста в админке

Автор xUnicornx

Ответов: 23
Просмотров: 4204
Последний ответ 04.10.2010, 16:36:50
от xUnicornx