Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Сделать таблицу с возможностью боковой прокрутки в описании товара


Recommended Posts

Нужно сделать таблицу с возможностью боковой прокрутки  в описании товара. Пример 1 - то как должно быть. Пример 2 - то как получилось сделать

 

2018-01-23_4-35-51.jpg

2018-01-23_4-34-31.jpg

Edited by gts
Link to post
Share on other sites

 
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}
 
 
И таблицу поместите в
<div class="table-responsive">
</div>
Link to post
Share on other sites

Я беру таблицу со стороннего сайта с сохранением форматирование, т.е мне нужно внести изменения в исходный код таблицы чтобы была точно такая же боквая прокрутка на openstore.

Link to post
Share on other sites

56 минут назад, gts сказал:

Я беру таблицу со стороннего сайта с сохранением форматирование, т.е мне нужно внести изменения в исходный код таблицы чтобы была точно такая же боквая прокрутка на openstore.

 

оберните таблицу в контейнер, сделайте ему overflow-y:scroll; или auto;

Link to post
Share on other sites
6 часов назад, halfhope сказал:

 

оберните таблицу в контейнер, сделайте ему overflow-y:scroll; или auto;

В stylesheet css добавил 

}
.container {
  overflow-y: auto;
}

В исходном коде товара добавил <div class="container">...</div>

Но все осталось по-прежнему. В чем причина?

Ссылка на сайт с товаром:http://elektrosvet.dp.ua/iphone

Link to post
Share on other sites

у вас страница разбита на 2 колонки(грубо -левую и правую)

Каждая колонка выводит свой контент независимо от другого.

У вас таблица- в левой колонке  , а правая где кнопки купить и прочее- стоит в правой

вот у вас таблица и не умещается в отведенном месте и налезает на правую колонку

вам надо создать свой класс, к примеру cont1 и ему задать свойства:

.cont1 {
    width: 100%;
    overflow-x: auto;
}

тогда будет так
image.thumb.png.be88bf2f2b1d42c98f5bd493eb621b37.png

 

это вместо класса .container

Edited by alena967
  • +1 1
Link to post
Share on other sites
5 минут назад, alena967 сказал:

у вас страница разбита на 2 колонки(грубо -левую и правую)

Каждая колонка выводит свой контент независимо от другого.

У вас таблица- в левой колонке  , а правая где кнопки купить и прочее- стоит в правой

вот у вас таблица и не умещается в отведенном месте и налезает на правую колонку

Нужно исправить, чтобы корректно отображалось. Как это сделать?

Link to post
Share on other sites

1 час назад, alena967 сказал:

 

вам надо создать свой класс, к примеру cont1 и ему задать свойства:

.cont1 {
    width: 100%;
    overflow-x: auto;
}

тогда будет так
 

 

это вместо класса .container

 

в css добавил 

}
.cont1 {
    width: 100%;
    overflow-x: auto;
}

В исходном коде товара добавил <div class="cont1">...</div>

 

Но все осталось по-прежнему. В чем причина?

Ссылка на сайт с товаром:http://elektrosvet.dp.ua/iphone

Link to post
Share on other sites

5 минут назад, alena967 сказал:

на сколько я вижу- у вас все норм стало)

Благодарю! Получилось!

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
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.