Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 01.10.2017
Сообщений: 32
1

Просая адаптивная таблица HTML без гор.линий,как сделать?

20.12.2017, 10:18. Просмотров 1256. Ответов 1
Метки нет (Все метки)

Прошу помощи у умов HTML кода)
Мне нужно сделать таблицу для сайта- из 2х столбцов( но чтобы видны были только вертикальные разделители)Пример в фото.
Перерыл весь интернет- какие то работали таблицы но были вообще без линий видимых( у меня белый фон на экране) хотя вроде как прописаны были с видимой вертикальной....Я в этом не специалист и после 4 часов просидки в гугле у меняголова чуть взорвалась
Помогите ,дайте код таблицы такой, если кто умеет
Просая адаптивная таблица HTML без гор.линий,как сделать?
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.12.2017, 10:18
Ответы с готовыми решениями:

Как сделать, чтобы каждая таблица из html была на новой странице в pdf?
имеется следующая html страничка: <!DOCTYPE html> <html> <head> <title></title> <meta...

Php как сделать чтобы при выборе соответствующей кнопки (или html celect) менялось таблица ?
php как сделать чтобы при выборе соответствующей кнопки (или html celect) менялось таблица ? чтобы...

Как сделать простейший аккордеон HTML +CSS (без JS)?
Без всяких наворотов стилей (по клику). текст ⯆ -> текст ⯅ подтекст1 подтекст2...

Как сделать простое модальное окно на HTML+CSS (без JS)?
Сейчас пользуюсь сейчас popup maker. Но для моих целей это их пушки по воробьям. 100% прозрачный...

1
dev - investigator
Эксперт JSЭксперт HTML/CSS
2127 / 1473 / 648
Регистрация: 16.04.2016
Сообщений: 3,686
20.12.2017, 15:03 2
Лучший ответ Сообщение было отмечено PRO123 как решение

Решение

PRO123, к примеру - Песочница
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<table>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
  <tr>
    <td>bla-bla-bla</td>
    <td>bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla-bla</td>
  </tr>
</table>
CSS
1
2
tr>td:first-child{border-right:2px solid rgba(176, 176, 176, 1); width:100px;}
tr>td:last-child{padding-left:10px;}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
20.12.2017, 15:03

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как сделать похожую линию без использования изображений в html?
скажите как сделать такую же линию

Адаптивная таблица
Вообще никак не могу придумать, подскажите. Нужно сделать адаптивное горизонтальное меню. При этом...

Адаптивная таблица
Здравствуйте. Помогите, пожалуйста, с такой задачей. В макете таблица, в которой лежат товары. В...

HTML список без перехода строки или как сделать кружочек?
Как в HTML сделать чтобы следующий элемент списка был без перехода на новую строку или каким...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.