Проблемы с таблицами для сайта

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

2 страниц

1 2 >

Проблемы с таблицами для сайта

Опции

лоуренс

Topic Starter сообщение

5.7.2019, 22:39; Ответить: лоуренс

Сообщение #1

Новичок

Группа: User
Сообщений: 14
Регистрация: 4.7.2019
Поблагодарили: 0 раз
Репутация:

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

Ответить с цитированием данного сообщения

icoder icoder 5.7.2019, 22:46; Сообщений: 216 Поблагодарили: 24 раза Репутация: 22 Просмотр профиля	5.7.2019, 22:46; Ответить: icoder Сообщение #2
Участник Группа: User Сообщений: 216 Регистрация: 14.6.2019 Поблагодарили: 24 раза Репутация: 22	Не совсем понятно, что вы имеете в виду. Опишите задачу более подробно. Покажите что уже сделали. -------------------- Промокоды на хостинг - скидки до 30%

лоуренс Topic Starter лоуренсTopic Starter 5.7.2019, 23:18; Сообщений: 14 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 5.7.2019, 23:18; Ответить: лоуренс Сообщение #3
Новичок Группа: User Сообщений: 14 Регистрация: 4.7.2019 Поблагодарили: 0 раз Репутация: 0	web-coder, Ну моя цель была создать небольшую страничку с несколькими таблицами которые можно развернуть как блок но у меня всегда что-то не получалось. И я со злости удалил все наработки

icoder icoder 5.7.2019, 23:37; Сообщений: 216 Поблагодарили: 24 раза Репутация: 22 Просмотр профиля	5.7.2019, 23:37; Ответить: icoder Сообщение #4
Участник Группа: User Сообщений: 216 Регистрация: 14.6.2019 Поблагодарили: 24 раза Репутация: 22	Покажите хотя бы пример, где вы такое увидели. -------------------- Промокоды на хостинг - скидки до 30%

лоуренс Topic Starter лоуренсTopic Starter 6.7.2019, 0:22; Сообщений: 14 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 6.7.2019, 0:22; Ответить: лоуренс Сообщение #5
Новичок Группа: User Сообщений: 14 Регистрация: 4.7.2019 Поблагодарили: 0 раз Репутация: 0	web-coder, https://taxi24hours.ru/ примерно как у них

icoder icoder 6.7.2019, 0:53; Сообщений: 216 Поблагодарили: 24 раза Репутация: 22 Просмотр профиля	6.7.2019, 0:53; Ответить: icoder Сообщение #6
Участник Группа: User Сообщений: 216 Регистрация: 14.6.2019 Поблагодарили: 24 раза Репутация: 22	Это обычные вкладки. Делаются примерно так <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .tab-btn{ display: inline-block; } .tab-btn.active{ background: yellow; } .tab{ display: none; } .tab.active{ display: block; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(function(){ $(document).on('click', '.tab-btn:not(.active)', function(){ $('.tab-btn.active').removeClass('active'); $(this).addClass('active'); var tabID = $(this).attr('data-tab'); $('.tab.active').removeClass('active'); $('.tab#'+tabID).addClass('active'); }); }); </script> </head> <body> <ul class="tab-btn-list"> <li><a class="tab-btn active" data-tab="tab-1">Кнопка 1</a></li> <li><a class="tab-btn" data-tab="tab-2">Кнопка 2</a></li> <li><a class="tab-btn" data-tab="tab-3">Кнопка 3</a></li> </ul> <div class="tabs"> <div class="tab active" id="tab-1"> <table> <tr> <th>Таблица 1</th> <th>Таблица 1</th> <th>Таблица 1</th> </tr> <tr> <td>Таблица 1</td> <td>Таблица 1</td> <td>Таблица 1</td> </tr> </table> </div> <div class="tab" id="tab-2"> <table> <tr> <th>Таблица 2</th> <th>Таблица 2</th> <th>Таблица 2</th> </tr> <tr> <td>Таблица 2</td> <td>Таблица 2</td> <td>Таблица 2</td> </tr> <tr> <td>Таблица 2</td> <td>Таблица 2</td> <td>Таблица 2</td> </tr> </table> </div> <div class="tab" id="tab-3"> <table> <tr> <th>Таблица 3</th> <th>Таблица 3</th> <th>Таблица 3</th> </tr> <tr> <td>Таблица 3</td> <td>Таблица 3</td> <td>Таблица 3</td> </tr> </table> </div> </div> </body> </html> -------------------- Промокоды на хостинг - скидки до 30%

лоуренс Topic Starter лоуренсTopic Starter 6.7.2019, 1:32; Сообщений: 14 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 6.7.2019, 1:32; Ответить: лоуренс Сообщение #7
Новичок Группа: User Сообщений: 14 Регистрация: 4.7.2019 Поблагодарили: 0 раз Репутация: 0	web-coder, вообще-то у меня была другая проблема и это глупая возможно но я не могу сделать кнопку на которую я нажимаю под фон не сломая вкладки и я также пытаюсь сделать кнопки в строчку и так же сделать кнопки сверху а таблицу снизу ;-; Сообщение отредактировал лоуренс - 6.7.2019, 1:34

icoder icoder 6.7.2019, 1:45; Сообщений: 216 Поблагодарили: 24 раза Репутация: 22 Просмотр профиля	6.7.2019, 1:45; Ответить: icoder Сообщение #8
Участник Группа: User Сообщений: 216 Регистрация: 14.6.2019 Поблагодарили: 24 раза Репутация: 22	лоуренс, так вам нужно просто стилизовать кнопки?) .tab-btn-list{ list-style: none; padding: 0; margin: 0 0 10px -5px; } .tab-btn-list:after{ content: ""; display: table; clear: both; } .tab-btn-list li{ float: left; padding: 0; margin: 0 0 0 5px; } .tab-btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; background: green; color: #fff; cursor: pointer; } .tab-btn.active{ background: yellow; color: #222; } -------------------- Промокоды на хостинг - скидки до 30%

лоуренс Topic Starter лоуренсTopic Starter 6.7.2019, 14:00; Сообщений: 14 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 6.7.2019, 14:00; Ответить: лоуренс Сообщение #9
Новичок Группа: User Сообщений: 14 Регистрация: 4.7.2019 Поблагодарили: 0 раз Репутация: 0	web-coder, да и как кнопки сделать сверху а таблицу снизу ;-; ;-; Сообщение отредактировал лоуренс - 6.7.2019, 14:00

icoder icoder 6.7.2019, 14:02; Сообщений: 216 Поблагодарили: 24 раза Репутация: 22 Просмотр профиля	6.7.2019, 14:02; Ответить: icoder Сообщение #10
Участник Группа: User Сообщений: 216 Регистрация: 14.6.2019 Поблагодарили: 24 раза Репутация: 22	(лоуренс @ 6.7.2019, 17:00) да и как кнопки сделать сверху а таблицу снизу а сейчас разве не так? -------------------- Промокоды на хостинг - скидки до 30%

« Предыдущая тема · Программная часть · Следующая тема »

2 страниц

1 2 >

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

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
SiteAnalyzer - бесплатная программа для аудита и анализа сайта	79	Chaser	74319	Сегодня, 1:02 автор: Chaser
Посоветуйте массажер для спины и шеи	11	Boymaster	934	Вчера, 18:24 автор: Arsenwenger
⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!	84	AdsPower	24599	Вчера, 16:35 автор: AdsPower
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат	55	arendator	35109	Вчера, 2:12 автор: arendator
Rebex.io – Ваша инновационная платформа для обмена криптовалюты!	3	Rebex	975	24.4.2024, 20:50 автор: Rebex

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 26.4.2024, 2:46

Дизайн