Страница портфолио

[denisok]

Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html

вот html и css http://jsfiddle.net/Q7CMz/

вот так надо как на скрине,а пока по одной коллекции слева выводиться.

Edited October 30, 2013 by denisok

[npofopr]

Сперва сделайте нормально работающий пример с вашей ошибкой.

И не надо сюда исходник страницы копировать. 1 из 100% его скопирует, чтобы посмотреть.

[Animkim]

Воспользуйся этим http://cssdesk.com/

[denisok]

Сперва сделайте нормально работающий пример с вашей ошибкой.

И не надо сюда исходник страницы копировать. 1 из 100% его скопирует, чтобы посмотреть.

Так это уже сделанная мною страница которая мне и нужна вот только доработать нужно в чём нужна и помощь

Edited October 30, 2013 by denisok

[klierik]

Оформи, пожалуйста, тему согласно рекомендаций: Как правильно оформить вопрос/проблему

[denisok]

Воспользуйся этим http://cssdesk.com/

Штука хорошая но мне не поможет так как у меня не один а несколько css отвечают за правильное отображения контента

[klierik]

картинку надо вывести сюда: http://screencast.com/t/5UiCp7yiML

[denisok]

Оформи, пожалуйста, тему согласно рекомендаций: Как правильно оформить вопрос/проблему

Сделано.

картинку надо вывести сюда: http://screencast.com/t/5UiCp7yiML

Попробую сейчас только мне не одну картинку нужно вывести а вот такой код http://jsfiddle.net/SsSaf/ так как нажимая на картинку выпадает слайд где и листаю фото в данной коллекции.

Поставил получилось кривизна что то нужно удалить я так понял а что именно.... вот код http://jsfiddle.net/UgHxc/ а вот скрин

Edited October 30, 2013 by denisok

[klierik]

у тебя что-то не то в разметке, по этому валится уровень: http://screencast.com/t/T5hW9S61

[denisok]

может что то в гриде не так http://jsfiddle.net/jrvLG/

[denisok]

вот что было первоначально http://nezhnost-luh....ttyPhoto,почему я стал это менять потому что нажимая на картинку выпадал слайд куда нужно было запихивать сами картинки которые мне были нужно ,запихнув картинки в первый слайд я понял что эти картинки которые в слайде они распространяются по самой странице http://screencast.com/t/EdlfUULIS и http://screencast.com/t/UGKV0gi2R что мне не нужно и вот решил сделать "подколлекции" что бы в одной позиции "картинке" были свои фото.вот скрины http://www.screencast.com/t/kgejmyqXqv и http://www.screencast.com/t/aPu9gf0WL1

Edited October 30, 2013 by denisok

[advokatua]

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

Черным выделил, то что неверно в корне (но работать все равно будет) и зачеркнутым, то что надо убрать, чтобы картинка не сваливалась. Хотя это всего лишь костыль, глобальная проблема может быть куда больше. (Как мне показалось)

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,

.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,

.grid_13, .grid_14, .grid_15, .grid_16

{

display: inline;

float: left;

position: relative;

margin-left: 10px;

margin-right: 10px;

}

Отдайте лучше сайт спецу. Если для себя делаете, тогда рекомендую запастись книгами.

Edited October 30, 2013 by advokatua

[denisok]

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

Черным выделил, то что неверно в корне (но работать все равно будет) и зачеркнутым, то что надо убрать, чтобы картинка не сваливалась. Хотя это всего лишь костыль, глобальная проблема может быть куда больше. (Как мне показалось)

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,

.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,

.grid_13, .grid_14, .grid_15, .grid_16

{

display: inline;

float: left;

position: relative;

margin-left: 10px;

margin-right: 10px;

}

Отдайте лучше сайт спецу. Если для себя делаете, тогда рекомендую запастись книгами.

Спасибо очень помогло теперь осталось чтобы на странице выводилось по 2 картинки когда листались вот так http://screencast.com/t/CxaEjiwsp ,но нужно сделать код что бы не было вставки в середину кода одного слайда т.е.вот так http://screencast.com/t/5UiCp7yiML а сделать каждый слайд отделным,вот текущий код http://jsfiddle.net/qb76q/ пока выводиться так http://nezhnost-luh.ru/index-5.html

Или кто нибудь знает работающую фото галерею на подобие что я хочу сделать дайте знать,а то уже утомился код просто жесть в этом шаблоне,Заранее спасибо)

Edited October 31, 2013 by denisok