Поэтический вопрос. Он же про верстку

7 сентября 2010 в 11:25

У меня на сайте есть литературный раздел. С прозой все более-менее путем, но стихи получаются очень некрасивыми. Особенно потому, что я решила их иллюстрировать картинами :). (в смысле, что картины-то это красиво, но у меня не получается их вместе срастить со стихами).
Я уже по разному игралась, но результаты какие-то не очень..
http://www.chronoton.ru/litera/modern-poetry/zuravleva-anastasiya
http://www.chronoton.ru/litera/modern-poetry/dmitriy-sirotin
М.б. кто-то что-то посоветует?
Заранее спасибо!

Комментарии

(неопределенно разводит руками) Smile
ну во-первых, наверное, чтобы картинка была рядом со стихом - слева.
но у меня если через таблицы делаю - ерунда какая-то получается.
если просто в две колонки - отображается при разных расширениях экрана по разному и у кого-то уползает вообще все.
во-вторых - ну надпись с автором картины - тоже куда-то уезжает...

7 сентября 2010 в 12:36

Ну тогда могу посоветовать нарисовать ручкой на листе бумаги схему как должно быть.
Отсканить и прислать мну Wink контакты в профиле.
Попробую помочь ради поэзии, если проект не коммерческий, а если он коммерческий то за пиво(хихикает).

7 сентября 2010 в 12:47

я ручкой такое нарисую, что получицца нечто абстракционное. Smile

ну вообще - я просто шарилась по сайтам, нигде стихов с картинами не видела. (чешет репу) Даже не знаю, как оно должно выглядеть.
Но вот с обтеканием текста - говорю, что улезает текст на разных компах. Sad

"glu2006" wrote:
Попробую помочь ради поэзии, если проект не коммерческий, а если он коммерческий то за пиво(хихикает).

Это ж сколько пива надо? Smile
Если серьезно - я так и не поняла, в чем разница между коммерческим и некоммерческим проектом. Smile

7 сентября 2010 в 12:59

trubinovskaya wrote:
я ручкой такое нарисую, что получицца нечто абстракционное. Smile
ну вообще - я просто шарилась по сайтам, нигде стихов с картинами не видела. (чешет репу) Даже не знаю, как оно должно выглядеть.
Но вот с обтеканием текста - говорю, что улезает текст на разных компах. Sad
Это ж сколько пива надо? Smile
Если серьезно - я так и не поняла, в чем разница между коммерческим и некоммерческим проектом. :)

Я человек малопьющий (все время мало).
как раз абстрактное и надо, чтоб я мог представить конечный результат, пока вижу вот так:

картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
картинкакартинкакартинкакартинка|
картинкакартинкакартинкакартинка|    стих стих стих стих стих стих
---------------------------------    стих стих стих стих стих стих
                                     стих стих стих стих стих стих
подпись под картинкой                стих стих стих стих стих стих
                                     
                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих

                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих
                                     стих стих стих стих стих стих

Правильно, если абстрактно помыслить?
напишите лучше в скайп или в аську быстрее будет.

7 сентября 2010 в 13:08

"trubinovskaya" wrote:
но у меня если через таблицы делаю - ерунда какая-то получается.

Почему же ерунда?
Верстаете в две колонки, в левой ячейке размещаете изображение, а в правой -- текст.
Мне приходилось,например, верстать несколько книг Махабхараты таблицами, правда для разметки я использовал вики.
Можно, конечно, и в дивах сверстать.

7 сентября 2010 в 13:13

"igor1970" wrote:
Верстаете в две колонки, в левой ячейке размещаете изображение, а в правой -- текст.

я пробовала, но вообще хрень.
м.б. у меня там косяки какие. счас попробую страничку абстрактную сделать, покажу, что я имею в виду.

7 сентября 2010 в 13:16

trubinovskaya wrote:
я пробовала, но вообще хрень.
м.б. у меня там косяки какие. счас попробую страничку абстрактную сделать, покажу, что я имею в виду.

А у Вас 1 стих = 1 нода?
вообще если это так и структура:
1. поле для картинки (имаджкеш) (тайтл картинки = подпись к ней)
2. поле для стиха

То оформление в предложенную структуру занимает 30 минут на шаблоне.
Верстать надо на дивах.
Табличная верстка уже в прошлом. я лично использую таблицы только для вывода табличной информации.

7 сентября 2010 в 13:34

вот так в таблице получается хреново (текст и фото лепила наугад) Lol
http://www.chronoton.ru/test
фишка в том, что вставленное фото невозможно сдвинуть с места - я не знаю, как объяснить.
вообще я просто совсем недавно этим всем занимаюсь.

7 сентября 2010 в 13:38

"glu2006" wrote:
А у Вас 1 стих = 1 нода?

ну вот выше я кидала
http://www.chronoton.ru/litera/modern-poetry/zuravleva-anastasiya
http://www.chronoton.ru/litera/modern-poetry/dmitriy-sirotin
"glu2006" wrote:
1. поле для картинки (имаджкеш) (тайтл картинки = подпись к ней)
2. поле для стиха

у меня подобный шаблон в CkEditor встроенный для статей.
но со стихами он не канает.
как новый создавать - я вообще-то не в курсе. (краснеет) (вот такой вот я забавный зверек Lol

7 сентября 2010 в 13:41

Написал стиль для td потому как увидел что организация контента не правильная + картинки через имаджкеш не проходят.

7 сентября 2010 в 13:45

"glu2006" wrote:
td { vertical-align:top; }

Sad боюсь показаться дурой, но мне это ни о чем не говорит. в смысле говорит кое-что, но куда это пихать я без понятия.
Я просто из другой профессии, так сказать, чукча-писатель. Smile Сайт мне сделали, показали как в редактор заливать, ну и сама я чуть-чуть хтмл знаю - вот и все. Sad

7 сентября 2010 в 13:47

trubinovskaya wrote:
Я просто из другой профессии, так сказать, чукча-писатель. Smile Сайт мне сделали, показали как в редактор заливать, ну и сама я чуть-чуть хтмл знаю - вот и все. :(

Давайте создадим творческий союз Wink
Вы мне стихи и статьи на сайт пишите (контент короче), а я Вам помогаю с сайтом в итоге и Вам хорошо и мне, бартер так сказать.

по предыдущему посту Shift_Web-а, код такого вида появляется когда копипастишь из ворда, либо когда он зашит в шаблоне визивига.

7 сентября 2010 в 13:52
<p class="rtecenter">
        <span style="font-size: 12px;"><strong><span style="font-family: tahoma,geneva,sans-serif;">Вчера за столом </span></strong></span></p>
<p class="rtecenter">
        <span style="font-size: 12px;"><strong><span style="font-family: tahoma,geneva,sans-serif;">за презренный металл</span></strong></span></p>
<p class="rtecenter">
        <span style="font-size: 12px;"><strong><span style="font-family: tahoma,geneva,sans-serif;">Я перед свинками </span></strong></span></p>
<p class="rtecenter">
        <span style="font-size: 12px;"><strong><span style="font-family: tahoma,geneva,sans-serif;">песни метал.</span></strong></span></p>
<p class="rtecenter">
        <span style="font-size: 12px;"><strong><span style="font-family: tahoma,geneva,sans-serif;">Сучили копытцами, </span></strong></span></p>

Я бы посоветовал создать простой хтмльник и потренироваться в нём с минимальным кол-вом контейнеров и инлайна.

Как получится примерно-нормально, засунуть его в несущий контейнер сайта на тесте и уже догнать стили

<h3 class="rtecenter">
        <img alt="" src="/sites/default/files/kollaz_2.jpg" style="width: 300px; height: 243px;" /></h3>

Тут какбэ заголовок надо ....

7 сентября 2010 в 13:51

"glu2006" wrote:
по предыдущему посту Shift_Web-а, код такого вида появляется когда копипастишь из ворда.

Не пробовал ни разу Smile

"trubinovskaya" wrote:
у меня подобный шаблон в CkEditor встроенный для статей.

Однозначно зло...

7 сентября 2010 в 13:52

блин, столько новых и непонятных слов, что мне теперь неделю втыкать и думать. Lol
спасибо. :)

"glu2006" wrote:
Вы мне стихи и статьи на сайт пишите (контент короче), а я Вам помогаю с сайтом в итоге и Вам хорошо и мне, бартер так сказать.

я на ваш сайт глянула.
Я не поняла, стихи про программное обеспечение писать? Smile
Типа (уже сочиняю Lol (на мотив куплетов капитана Врунгеля Lol

Мы программы предоставим,
Быстро, сразу, дешево.
На компьютер ваш поставим,
И всего хорошего Smile

7 сентября 2010 в 14:02

trubinovskaya wrote:
блин, столько новых и непонятных слов, что мне теперь неделю втыкать и думать. Lol
спасибо. :)

Это не мой сайт, это сайт нашей компании которая занимается разработкой ПО и сайтов.
Мой сайт это полностью некоммерческий проект, был сделан для клуба путешественников на скутерах нашего города, дизайн там никакой равно как и посещаемость, хотя он в мир вышел только в начале августа и только начинает набиваться контентом. Если интересно могу скинуть в личку (на всеобщее обозрение я такие работы не выставляю).

7 сентября 2010 в 14:40

"glu2006" wrote:
был сделан для клуба путешественников на скутерах нашего города,

в шоке. Lol
кидайте, посмотрю. Smile
(мдя, стихи про путешествия на скутерах я еще не писала Lol

7 сентября 2010 в 14:23