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

Главные вкладки

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 11:25

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

Комментарии

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 12:36

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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 12:47

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 12:59

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

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

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

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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 13:08

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

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

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

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

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

Аватар пользователя igor1970 igor1970 7 сентября 2010 в 13:13

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

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 13:16

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

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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 13:34

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

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

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 13:38

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 13:41

"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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 13:45

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 13:47

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

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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 13:52

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

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

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

Аватар пользователя Shift-Web Shift-Web 7 сентября 2010 в 13:51
<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>

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

Аватар пользователя Shift-Web Shift-Web 7 сентября 2010 в 13:52

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

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

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

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 14:02

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

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

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

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

Аватар пользователя glu2006 glu2006 7 сентября 2010 в 14:40

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

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

Аватар пользователя trubinovskaya trubinovskaya 7 сентября 2010 в 14:23

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

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