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

[gts]

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

 

Змінено 22 січня 2018 користувачем gts

[HyperLabTeam]

например

[HyperLabTeam]

а лучше так

 

[php]

 

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

 

 

И таблицу поместите в

<div class="table-responsive">
</div>

[gts]

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

[halfhope]

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

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

 

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

[gts]

6 часов назад, halfhope сказал:

 

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

В stylesheet css добавил 

}
.container {
  overflow-y: auto;
}

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

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

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

[alena967]

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

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

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

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

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

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

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

 

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

Змінено 23 січня 2018 користувачем alena967

[gts]

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

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

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

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

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

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

[alena967]

значит надо переверстать как вам надо

по дефолту-стоит именно так

[gts]

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

[alena967]

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

[gts]

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

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

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