Sign in to follow this  
Followers 0
александр76

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

23 posts in this topic

подскажите, что сделать в css, чтобы маленькие фотографии были прямо под большой, и обтекали описание товара, т.е. если описание товара длинное, допустим сначала отображались по 5 фотографий-миниатюр, а как только описание закончено, фотографии опять во всю ширину?

Пациент тут - удален

Share this post


Link to post
Share on other sites

Не щнаю как остальные я так и не понял, что надо сделать то )

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

Share this post


Link to post
Share on other sites

Предположительно

Нужно объединить див с основной картинкой и миниатюрами, тогда описание с флоатом будет обтекаться миниатюрами.

Share this post


Link to post
Share on other sites

Предположительно

Нужно объединить див с основной картинкой и миниатюрами, тогда описание с флоатом будет обтекаться миниатюрами.

див с основной картинкой лежит внутри таблицы, а миниатюры вынесены из этой таблицы - будет проблематично объединить

 

 

подскажите, что сделать в css

 

надо корректировать и html тоже

Share this post


Link to post
Share on other sites

если только в 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;
}

Share this post


Link to post
Share on other sites

и по ходу дела смотрите мелочи которые нужно доработать..

Share this post


Link to post
Share on other sites

если только в 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;

}

 

 

не то посоветовали, получается что миниатюры уезжают вправо, а табы влево, а нужно чтобы миниатюры были слева, и обтекали описание (описание выводится под названием товара)

Share this post


Link to post
Share on other sites

не то посоветовали, получается что миниатюры уезжают вправо, а табы влево, а нужно чтобы миниатюры были слева, и обтекали описание (описание выводится под названием товара)

просто измените на лефт..или так попробуйте..

Share this post


Link to post
Share on other sites

по друго все равно не сделать..только менять структуру..

Share this post


Link to post
Share on other sites

можно и структуру менять , в разумных пределах

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

Share this post


Link to post
Share on other sites

я запутался :) ...описание - это тот текст, что сейчас справа от большой картинки? или тот, что после миниатюр?

Share this post


Link to post
Share on other sites

Пардон, не усмотрел что внизу тоже есть вкладка описание.

Нужное описание находится под заголовком товара

Share this post


Link to post
Share on other sites

Пардон, не усмотрел что внизу тоже есть вкладка описание.

Нужное описание находится под заголовком товара

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

я предположу, что Вы хотите вот так в конечном результате?

 

Да! Вы абсолютно правы. Вы графическим редактором такой макет нарисовали, или код поменять удалось?

Share this post


Link to post
Share on other sites

Да! Вы абсолютно правы. Вы графическим редактором такой макет нарисовали, или код поменять удалось?

редактором...тогда попробуйте:

 

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

Share this post


Link to post
Share on other sites

Всем спасибо.

Разобрался. Все можно было оставить как было, а убрать лишь overflow. Именно это свойство (overflow:hidden) мешало.

 

Тему можно закрыть :-)

Share this post


Link to post
Share on other sites

 

 


Разобрался. Все можно было оставить как было, а убрать лишь overflow. Именно это свойство (overflow:hidden) мешало.

 

а в каком месте убрать надо было? :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.