Подскажите способ

[like2dev]

Подскажите, как лучше верстать такую карусель?

Из вариант - это разбить на три блока ( левый(стрелочка) ; центральный(который меняется; правый(стрелочка). Или сделать все через позиционирование.

[Temiks]

Я сделал бы таблицей

[Softlink]

Я сделал бы таблицей

Да нафиг Хоть я и люблю таблицы, но здесь в два дива можно уложиться. В общем я бы сделал на блоках.

upd Даже в один

[like2dev]

И каким же методом надо делать, чтобы в один блок получилось?

    <td>
        <div class="month">
            <div class="header">Имя месяца</div>
            <div class="paper-left"></div>
            <div class="body">
                <div class="image"></div>
                <div class="number"></div>
            </div>
            <div class="pager-right"></div>
            </div>
        </div>
    </td>

Я себе это так представляю.

[Softlink]

Я имею ввиду без заголовка. Картинка и стрелки. Т.е. с учетом того, что блок готов. Или вы под каруселью еще и шапку с названием месяца имеете ввиду?

[like2dev]

Я имею ввиду без заголовка. Картинка и стрелки. Т.е. с учетом того, что блок готов. Или вы под каруселью еще и шапку с названием месяца имеете ввиду?

В каруселе меняется, только номер газеты( и preview номера)

[Temiks]

Я сделал бы таблицей

Да нафиг Хоть я и люблю таблицы, но здесь в два дива можно уложиться. В общем я бы сделал на блоках.

upd Даже в один

Можно и так

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

Softlinkтак делал бы?

Edited July 20, 2011 by Temiks

[like2dev]

Немного не удобно тогда листать будет, если номер убрать из общего конейнера с изображением.

[Softlink]

Softlinkтак делал бы?

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

p.s. Еще родилась одна мысль, довольно интересная.

Но там есть несколько "НО". Во-первых решение не кросс, а во-вторых не знаю, как работают скрипты с псевдоэлементами. А так щас покажу

Минут через 5-10

[Temiks]

Немного не удобно тогда листать будет, если номер убрать из общего конейнера с изображением.

Это вы по части js? (тут к сожалению ничего сказать не могу, так как пока его еще не знаю). Ведь юзеру все равно будет где оно будет находиться

[Softlink]

Не, фигня, а не способ Вернее он хорош, но не для галереи такой.

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

Мастера кодеры, подскажите заодно, на будущее чтобы знать.

А так вот пример: http://jsfiddle.net/CZ6tw/

[Temiks]

А так вот пример: http://jsfiddle.net/CZ6tw/

А этот способ ие 7 и 6 потянут? Открыл, отобразилась только картинка, и то не на своем месте

ps. Заметил что пошла популярность на псевдо-элементы, пойдука более детально их изучу

Edited July 20, 2011 by Temiks

[Softlink]

А так вот пример: http://jsfiddle.net/CZ6tw/

А этот способ ие 7 и 6 потянут? Открыл, отобразилась только картинка, и то не на своем месте

ps. Заметил что пошла популярность на псевдо-элементы, пойдука более детально их изучу

Не 6-7 лесом идут)) http://htmlbook.ru/css/after

А ты в каком смотрел?

[Temiks]

Не 6-7 лесом идут)) http://htmlbook.ru/css/after

А ты в каком смотрел?

Тогда думаю лучше не использовать (у кого заказывают ие7 ие6)

Ие7

[Softlink]

Не 6-7 лесом идут)) http://htmlbook.ru/css/after

А ты в каком смотрел?

Тогда думаю лучше не использовать (у кого заказывают ие7 ие6)

Ие7

Ну да, в 7-ке он не заработает. Да и вообще он не подойдет наверное. Я не знаю, можно ли обращаться к ПЭ через скрипты.

[like2dev]

Ну такой способ сразу не подходит:

первое и самое главное не кроссбраузерно

данные находятся в css