Rossi25

Вы можете взяться?

Ничего не перепутали? Какие есть изображения, такие и загрузил. PSD будет кто возьмется. Насчет разрешения - что я мог напутать? чтобы на ноутбуке смотрелось и на большом экране тоже смотрелось нормально. Пишите, пожалуйста, только содержательно. нужно чтобы пользователь мог загружать фотографии (очень желательно, чтобы превьюшки создавались корректно автоматически какой-нибудь библиотекой),удалять ненужные и править надписи(раздел bio), опциональные комментарии к фотографиям, видно из слайда EVENTS слева внизу и там же опциональное фото автора. Я думаю для этого нужна админка? Под словом движок я это имел в виду

upd: закрываю тему, исполнитель кажется найден =) суть в следующем первая и главная страница - HOME. на ней разные картинки, составляющие 4 раздела - если кликнуть на одну из них - открывается папка с фотографиями страница BIO - текст там просто приблизительный - чтобы занять место - его поменять в дальнейшем. страница EVENTS и PORTRAITS - это два раздела из 4ёх страницы HOME. home, а точнее середина, это скорее всего кликабельные картинки, которые должны увеличиваться при наведении мышки и вести на это изображение раздела. При клике по слову-разделу открывается первая фото раздела. Формироваться эти картинки вокруг разделов должны скорее всего случайно-произвольно из имеющейся базы уже загруженных фотографий(из нужного раздела). При просмотре какой-то фотографии справа выделено, из какого подраздела эта фота. то есть получаются следующие главные разделы: home, bio, photos- > portraits, events, others, projects Подразделы: 1. photos- >portraits->kids,women,men... 2. photos- >events->mont blanc.. 3. photos- >others->... 4. photos- >projects->... как бы посоветовали упростить и улучшить это дело? У разделов с фотографиями не хватает меню с этими же разделами, например в текущем дизайне добавить справа наверху нужно этот список наверное. Для загрузки на готовый сайт фотографий, их удаления, добавления комментариев и имени автора, сопутствующей фотографии-автора (слева внизу) и редактирования текста нужен так называемый "движок". Кто-нибудь мог бы взяться за это и сколько может стоить? PS: разрешение экрана по горизонтали от минимум 1280 до 2560 - т.е. резина или фикс нужно подумать =)

Вот решение: http://test.eliteproekt.ru/morfish/my_maket1-4.html Спасибо psywalker'у!!! =) PS: Я думаю, многим пригодилось бы, так что хорошо бы поместить в примеры книги по css и на сайте в шаблоны.

Две недели назад запостил на форуме, одну очень сложную задачу. В течении этого времени многие пытались решить мою задачу, помогали мне, но справиться не удалось никому. И какова была моя радость, когда на мою просьбу - помочь, откликнулся psywalker, который известен своим профессионализмом не понаслышке. И это действительно так. Буквально через час у меня было, не побоюсь этого слова, готовое решение. Порадовала адекватность, оперативность и качество работы Максима. Очень здорово знать такого джедая вёрстки, как Макс. Спасибо тебе psywalker огромное, обращусь ещё не раз.

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

Она должна оставаться на месте, её часть будет не видна - должна часть уйти вместе с боковыми бордерами - вот. Как есть, видно по ссылке: 1. На большом экране - 2. На маленьком экране - 3. На большом экране подвал должне быть прижат к низу окна браузера даже при малой заполненностью контентом, средняя часть растянута до подвала 4. Как и сейчас, при небольшой ширине экрана (условно менее 950px) срезаются левые и правые бордюры и часть картинки слева-внизу. Если в средней части контента много, то он толкает подвал и появляется вертикальная полоса прокрутки Ну и вообще шапка тут тоже задумана, просто тоже пока не сделана на этих картинках, но вроде с шапкой попроще, чем с подвалом. UPD: Собственно, разве все это не показано размерными стрелками на этом рисунке? - мне казалось он полностью все объясняет. Что в нем не так, не ясно? Единственное - предполагается, что все выровнено по горизонтали по центру.

Вопрос из названия темы: чему отдать предпочтение - верстке таблицами или блочной, но применяя JavaScript? Поскольку нет пока ответа в моей соседней теме, как "повесить" фоновое изображение вокруг резиновых блоков, чтобы с подвалом было все в порядке. Возможно автор сайта сможет также объяснить: на стр. 259 книги "Вёрстка веб-страниц" предлагается при резиновой верстке использовать в качестве фона изображение с заведомо большой шириной, например 2000px: Как в таком случае сделать вертикальную бордюр-косичку вокруг блоков (в том числе резиновых), как в примере выше, где ширина блоков фиксирована? В принципе, о этом уже написано, просто есть ли решения, которые подошли бы и в моем случае?

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

Странно, что никто не пишет больше... Понятно, время летнее, некоторые в отпусках.. но не все же.

в том примере содержимое тоже можно не наполнять =). Картинок у вас не увидел. Чую, что тема очень близка к моей - http://forum.htmlbook.ru/index.php?showtopic=28046 . Решения, к сожалению, не нашел пока.

Я конечо прошу прощения, но вы это смотрели http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ , Вас это не устраивает? неа. потому, что там #контент не тянется на всю высоту #container'а. Как это не тянется? он как раз и занимает всю высоту, просто отступы и поля там под шапку и подвал.

Я конечо прошу прощения, но вы это смотрели http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ , Вас это не устраивает?

http://jsfiddle.net/TYgGk/ Остальное не понял. С таким вариантом, к сожалению, аналогичная проблема, что центральная часть-таблица не растягивается до подвала при малом контенте, а при малой высоте окна браузера срезается БЕЗ появления вертикальной полосы прокрутки вообще все содержимое вот так: Помогите знатоки, пожалуйста. UPD: Смотерть сюда - http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/ ? или есть более лучший/простой способ, или тут лучше с таблицами все делать?

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

Почему никто не подскажет? потому что нет решения ? Или уже обсуждалось, тогда тыкните, пожалуйста. Вот это нужно использовать http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/? Или есть более лучшее/менее запутанное решение, или к таблицам лучше вернуться?

.

http://jsfiddle.net/TYgGk/ Остальное не понял. Спасибо за ссылку, пока не смог разобраться правда. Что именно непонятно? Вот как пока получилось так - подвигайте ширину браузера. У меня не получается пока пункт 1.3(--), чтобы левая картинка повторяющаяся внизу не до конца доходила. и подвал к низу окна пока не прилепляется.

Да, наверное тяжело понять, т.к. сразу несколько вопросов(проблем) описываю. 1. Как сделать бордюр вокруг блоков с содержимым в виде разных изображений. Сделал картинку, что именно хотелось бы получить (см. выше). Это наверное тема про несколько фоновых изображений (обычным картинками img вообще не представляю), спасибо, spdif дал ссылку на материал. Но накладываются дополнительные трудности: 1.1. Бордюр-изображение должен быть вокруг резиновых блоков, т.е. как по горизонтали блоки могут тянуться в зависимости от окна браузера, так и по вертикали в зависимости от величины контента (на рисунке видно, что тянется только один блок, остальные имеют фиксированную высоту). Таким образом некоторые части бордюра (вокруг боковых частей блоков) являются повторяющимися, типа repeat-x сверху-снизу и repeat-y слева-справа. 1.2. При уменьшении окна браузера до min-width (гориз. полоса прокрутки появляется только при меньшей ширине экрана) левая и правая части борюра-изображений не должны быть видны. Т.е. бордюр отстоит от блоков с содержимым на некую постоянную величину px, а при минимальной ширине окно становится вплотную к контентным блокам. -- В принципе первые два подпункта решаются так, как предложил hoper за что ему отдельное спасибо. Возможно, есть и другие варианты решения этих проблем. Вокруг углов должны располагаться неповторяющиеся части бордюра, скругления. Но поскольку в левом нижнем углу нужно вставить неповторющийся участок изображения, слева от которого не должно быть повторяющегося участка, то это самая главная проблема (см. рисунок - 250px слева внизу), пока не решенная. 2. Как прижать при этом подвал в низу окна, если контента мало на странице.

... для слоя чьим родителем является body используйте множественный фон как сделать см. здесь Спасибо. Но, к сожалению, нельзя отказываться от IE8.

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

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

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

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

Просто не понятно, что требуется. Вот вставил ваш код - http://jsfiddle.net/rLpbn/