Jump to content

Recommended Posts

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

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

Link to post
Share on other sites

Телеграм чат PR-CY - присоединяйся!

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

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

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

 

 

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

 

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

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;
}

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;

}

 

 

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

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

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

 

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...