александр76 17 Posted March 14, 2014 Report Share Posted March 14, 2014 подскажите, что сделать в css, чтобы маленькие фотографии были прямо под большой, и обтекали описание товара, т.е. если описание товара длинное, допустим сначала отображались по 5 фотографий-миниатюр, а как только описание закончено, фотографии опять во всю ширину? Пациент тут - удален Link to post Share on other sites
Fokebox 463 Posted March 14, 2014 Report Share Posted March 14, 2014 Не щнаю как остальные я так и не понял, что надо сделать то ) Link to post Share on other sites
александр76 17 Posted March 14, 2014 Author Report Share Posted March 14, 2014 Не щнаю как остальные я так и не понял, что надо сделать то ) надо, чтобы маленькие картинки обтекали правый блок с описанием Link to post Share on other sites
dontfear 762 Posted March 14, 2014 Report Share Posted March 14, 2014 Предположительно Нужно объединить див с основной картинкой и миниатюрами, тогда описание с флоатом будет обтекаться миниатюрами. Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 Предположительно Нужно объединить див с основной картинкой и миниатюрами, тогда описание с флоатом будет обтекаться миниатюрами. див с основной картинкой лежит внутри таблицы, а миниатюры вынесены из этой таблицы - будет проблематично объединить подскажите, что сделать в css надо корректировать и html тоже Link to post Share on other sites
dontfear 762 Posted March 15, 2014 Report Share Posted March 15, 2014 див с основной картинкой лежит внутри таблицы Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 если только в css, то нужно так..этому классу задайте такие свойства .catalog-element-extimages_slider { float: right; margin-left: 33px; overflow: hidden; width: 800px;} и добавте такой блок с такими правилами.. .catalog-element-tabs { left: 25px; position: absolute; top: 17%; width: 300px;} александр76 1 Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 и по ходу дела смотрите мелочи которые нужно доработать.. Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 если только в css, то нужно так..этому классу задайте такие свойства .catalog-element-extimages_slider { float: right; margin-left: 33px; overflow: hidden; width: 800px; } и добавте такой блок с такими правилами.. .catalog-element-tabs { left: 25px; position: absolute; top: 17%; width: 300px; } не то посоветовали, получается что миниатюры уезжают вправо, а табы влево, а нужно чтобы миниатюры были слева, и обтекали описание (описание выводится под названием товара) Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 не то посоветовали, получается что миниатюры уезжают вправо, а табы влево, а нужно чтобы миниатюры были слева, и обтекали описание (описание выводится под названием товара) просто измените на лефт..или так попробуйте.. Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 по друго все равно не сделать..только менять структуру.. Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 можно и структуру менять , в разумных пределах Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 можно и структуру менять , в разумных пределах попробуйте большую картинку позиционировать влево, описание вправо, а миниатюры оставьте без позиционирования, но в том же блоке..они должны обтекать элементы с позиционированием, занимая все свободное пространство блока Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 итог со стилями http://clip2net.com/clip/m292308/1394873472-clip-161kb.jpg?nocache=1 Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 я запутался ...описание - это тот текст, что сейчас справа от большой картинки? или тот, что после миниатюр? Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 Пардон, не усмотрел что внизу тоже есть вкладка описание. Нужное описание находится под заголовком товара Link to post Share on other sites
Macdec 139 Posted March 15, 2014 Report Share Posted March 15, 2014 Пардон, не усмотрел что внизу тоже есть вкладка описание. Нужное описание находится под заголовком товара я извиняюсь..но по моему вы сами не знаете что хотите или не точно описываете проблему..лучший вариант задать стили которые я дал... Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 я извиняюсь..но по моему вы сами не знаете что хотите или не точно описываете проблему..лучший вариант задать стили которые я дал... я знаю, что хочу. уже отметил в сообщении выше, что некорректно дал условия. ваш вариант не подходит всё равно. Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 я предположу, что Вы хотите вот так в конечном результате? Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 я предположу, что Вы хотите вот так в конечном результате? Да! Вы абсолютно правы. Вы графическим редактором такой макет нарисовали, или код поменять удалось? Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 Да! Вы абсолютно правы. Вы графическим редактором такой макет нарисовали, или код поменять удалось? редактором...тогда попробуйте: попробуйте большую картинку позиционировать влево, описание вправо, а миниатюры оставьте без позиционирования, но в том же блоке..они должны обтекать элементы с позиционированием, занимая все свободное пространство блока александр76 1 Link to post Share on other sites
александр76 17 Posted March 15, 2014 Author Report Share Posted March 15, 2014 Всем спасибо. Разобрался. Все можно было оставить как было, а убрать лишь overflow. Именно это свойство (overflow:hidden) мешало. Тему можно закрыть :-) Link to post Share on other sites
valentino 60 Posted March 15, 2014 Report Share Posted March 15, 2014 Разобрался. Все можно было оставить как было, а убрать лишь overflow. Именно это свойство (overflow:hidden) мешало. а в каком месте убрать надо было? Link to post Share on other sites
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now