Jump to content
Sign in to follow this  
александр76

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

Recommended Posts

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

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

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

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

 

 


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

 

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

Share this post


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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...