Заплачу за небольшую помощь в css

[ Закрыто ] Заплачу за небольшую помощь в css

Сообщений: 2247 Регистрация: Янв 2014

29 Июня 2016 19:48

Здравствуйте.
Суть проблемы: когда таблица не помещается в область просмотра браузера, она просто обрезается по правому краю, а мне нужно, чтобы появлялась горизонтальная полоса прокрутки или просто можно было пальцем сдвинуться вправо (на сенсорных устройствах).
Свойство overflow-x: почему-то не работает(( Пример такой таблицы можно увидеть здесь __http://dotemacs.ru/?p=24 Проблему можно увидеть, свернув браузер.
Кто поможет – оплачу 200 р на ВМ. Или озвучьте вашу цену зависимо от сложности, а то я в стоимости подобных услуг не ориентируюсь((

Изменено: Иван - 29 Июня 2016 19:54

вадим

Сообщений: 1438 Регистрация: Окт 2011

29 Июня 2016 20:23

Иван, попробуй overflow: scroll; к классу entryContent

anyone

Сообщений: 39 Регистрация: Май 2016

29 Июня 2016 20:32

Обернуть таблицу в div
_https://jsfiddle.net/6kughneL/

Иван

Сообщений: 2247 Регистрация: Янв 2014

29 Июня 2016 21:03

Цитата
вадим пишет: Иван, попробуй overflow: scroll; к классу entryContent

В самих файлах стилей я его не нашел что-то, но прописал вот так

Код
<div class="entryContent" style="overflow: scroll;">

В результате появился вертикальная полоса, а горизонтальной так и не появилось((

Цитата
anyone пишет: Обернуть таблицу в div _https://jsfiddle.net/6kughneL/

Попробовал такую конструкцию и через div и через span... Я тоже думал, что получится (хотя мне это не лучший вариант, ведь таблиц уже много), но в итоге никаких изменений smile:(

Что-то его блокирует((

Изменено: Иван - 29 Июня 2016 21:06

Александр I

Сообщений: 605 Регистрация: Янв 2014

29 Июня 2016 21:18

Цитата
Иван пишет: Что-то его блокирует((

Уберите

Код
overflow-x: hidden;

для html, body в файле style.css

Отзыв на хостинг it-mcp.ru

Иван

Сообщений: 2247 Регистрация: Янв 2014

29 Июня 2016 21:35

Цитата
Александр I пишет: дляhtml, body в файле style.css

Помогло)) но дело в другом немного. Это помогло на сайте, где стоял чистый шаблон. А на сайте, на котором проблема, там у меня такое не помогает. Сейчас посмотрю, что я там накосячил...

Изменено: Иван - 29 Июня 2016 21:51

video-freelancer

Сообщений: 2799 Регистрация: Авг 2012

29 Июня 2016 21:57

Цитата
Иван пишет: Помогло)) но дело в другом немного. Это помогло на сайте, где стоял чистый шаблон. А на сайте, на котором проблема, там у меня такое не помогает. Сейчас посмотрю, что я там накосячил...

Вот это вам поможет

Цитата
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_table-responsive&stacked=h

Купить авиабилеты онлайн дешево | Аренда Серверов Дешево https://clck.ru/afhGc Выделенные СЕРВЕРЫ - БЕСПЛАТНЫЕ плюшки https://clck.ru/YhkZe 🖧 / / Хостинг от 6руб в день! https://clck.ru/Rk2P5 Хостинг - Скидки при

Иван

Сообщений: 2247 Регистрация: Янв 2014

29 Июня 2016 22:15

Цитата
video-freelancer пишет: Вот это вам поможет

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

video-freelancer

Сообщений: 2799 Регистрация: Авг 2012

29 Июня 2016 22:22

Цитата
Иван пишет: Идеальный вариант. Если сейчас разберусь как оно реализовано, то будем считать, что вы решили проблему полностью.

Подгружаете в head

Цитата

Код

<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Затем
заменяете внутренность на свою

Цитата

Код

<div class="container">                                      
  <div class="table-responsive">       
  <table class="table">
    <thead>
   <tr>
     <th>Заголовок 1</th>
     <th>Заголовок 2</th>
      <th>Заголовок 3</th>
      <th>И так далее</th>
   </tr>
    </thead>
    <tbody>
   <tr>
     <td>Строка 1</td>
      <td>Строка 2</td>
         <td>Строка 3</td>
        <td>Строка 4</td>
        <td>И так далее</td>
   </tr>
    </tbody>
  </table>
  </div>
</div>

Именно заменяете и добавляете по необходимости заголовки и строки.

Изменено: video-freelancer - 29 Июня 2016 22:49

Иван

Сообщений: 2247 Регистрация: Янв 2014

#10

29 Июня 2016 23:44

video-freelancer, хорошая штука, но мне таким образом ее не внедрить. Подключения стилей с будстрапа рушит всю страницу. Я пробовал вырезать лишь нужный кусок, но этого сделать сложно, так как самих стилей таблиц не достаточно. Как я понял нужно еще там брать основную область на название своей менять, а затем ей размеры устанавливать правильные... А потом еще каждую таблицу заключать в class="table", хотя это уже мелочь по сравнению с остальным.

В итоге я просто не могу подстроить те стили под свои или соединить все в кучу(( Но все равно спасибо.

Полоса прокрутки теперь появляется, а выход за рамки области на маленьких экранах я решил таким методом: __http://webstudio11.com/ru/kak-sdelat-adaptivnye-tablitsy-v-wordpress/ Вышло удобно и красиво.

Спасибо всем, но помог мне больше всего, наверное, Александр I, а video-freelancer больше всего уделил времени и подошел к решению кардинально. Поэтому я обещанную символическую суму на вас двоих поделю. Александру в ЛС отписал, а video-freelancer не получается((

Тему можно закрыть.

Изменено: Иван - 29 Июня 2016 23:47

Александр I

Сообщений: 605 Регистрация: Янв 2014

#11

30 Июня 2016 00:09

Цитата
Иван пишет: Александру в ЛС отписал

Иван, благодарю Вас, но не стоит smile:)

Мне было не трудно помочь, я потратил буквально 5 минут, рад если пригодилось)

video-freelancer

Сообщений: 2799 Регистрация: Авг 2012

#12

30 Июня 2016 08:53

Цитата

Иван пишет:
video-freelancer, хорошая штука, но мне таким образом ее не внедрить. Подключения стилей с будстрапа рушит всю страницу. Я пробовал вырезать лишь нужный кусок, но этого сделать сложно, так как самих стилей таблиц не достаточно. Как я понял нужно еще там брать основную область на название своей менять, а затем ей размеры устанавливать правильные... А потом еще каждую таблицу заключать в class="table", хотя это уже мелочь по сравнению с остальным.

В итоге я просто не могу подстроить те стили под свои или соединить все в кучу(( Но все равно спасибо.

Полоса прокрутки теперь появляется, а выход за рамки области на маленьких экранах я решил таким методом: __http://webstudio11.com/ru/kak-sdelat-adaptivnye-tablitsy-v-wordpress/ Вышло удобно и красиво.

Спасибо всем, но помог мне больше всего, наверное, Александр I , а video-freelancer больше всего уделил времени и подошел к решению кардинально. Поэтому я обещанную символическую суму на вас двоих поделю. Александру в ЛС отписал, а video-freelancer не получается((

Тему можно закрыть.

Помогают не за деньги, а просто.

Изменено: video-freelancer - 30 Июня 2016 08:54

Prapovednik

Модератор

Сообщений: 62493 Регистрация: Мар 2010

#13

30 Июня 2016 19:40

Цитата
Иван пишет: Тему можно закрыть.

Иван, спасибо за сообщение
Тему закрыл

* пожалуйста, если Ваша тема потеряла свою актуальность, отпишите об этом в теме и скиньте ссылку на тему мне в ЛС.

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
☆
2. Продвижение любых сайтов в ТОП-10

Похожие темы:

28.02.2016 21:09	Метки от Яндекса за загрузочные партнерские программы. Заплачу тому, кто поможет решить проблему
26.06.2014 21:05	Хочу поднять ТИЦ своего сайта как мне это сделать?-ПОМОГИТЕ ЗАПЛАЧУ.
30.05.2014 11:13	Меняю 500 ЯД на небольшую правку темы Wordpress
01.05.2014 14:42	Заплачу за совет
10.04.2014 17:07	Access. Заплачу

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
23:07 VKAccountsManager — лучший инструмент для продвижения и заработка Вконтакте 21:56 CPA-сеть MyLead - глобальная монетизация трафика! 20:50 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 20:07 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 15:18 Adtrafico - Правильная партнёрская сеть под бурж трафик 18:59 AviTool - мощный инструмент для автоматизации работы с Avito 15:11 Партнерская программа OWNR WALLET	13:09 Мытнинский - безопасный обмен криптовалют с 2018 года 06:08 Cosmochanger.cc - Самый реактивный обменник. Быстрый и безопасный способ обменять более 20 популярных криптовалют 19:00 Безанкорно, анкорно - безанкорно профильный прогон, ИКС от 10, спам до 12 15:53 Legalex.Exchange - платформа для обменов цифровых активов в режиме 24/7 15:15 ProxyWins.com - 15% по промо-коду "venividivici" 13:29 Ural-obmen.ru — выгодный сервис обмена 12:10 Obama.ru - безопасный обмен криптовалют и электронных денежных средств	19:32 Куда мечтаете поехать, что бы хотели увидеть 04:36 Стряхнуть обыденность - об Агасфере 20:45 Зарабатываем 2000 рублей на АБУЗЕ бонусов 16:15 Как получить рефералов и посетителей на сайт бесплатно. 13:14 Добро пожаловать в цифровой мир... 03:57 Китай выступил против продажи TikTok вопреки требованию США 03:49 Как заставить себя?