HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
HTML, CSS Научите подключать иконки к сайту всем привет! понадобились на сайте иконки. нужно несколько штук добавить к меню и несколько к контактам. нашла сервис, который вырезает нужные иконки. выбрала нужные, скачала. скачались файлы в формате: .eot, .svg, .ttf, .woff и .woff2 теперь вопрос: их все надо подключать или хватит только одного? Добавлено через 9 минут (надеясь, что хватит одного) если одного, то какого? https://www.cyberforum.ru/ html/ thread2317434.html	HTML, CSS Граница между колонками списка Делаю маркированный список в несколько колонок. Между колонками появляется белая граница. Как ее убрать?
HTML, CSS Нужно что-то типа vertical-align:center Привет всем! Только начинаю знакомиться с этой темой., поэтому прошу помощи. Есть HTML: <div class="sidebar_contacts"> <center> <div class="all_contact_link"> <br/> <div class="contacts_link"><a href="#">SKYPE</a></div> <br/> <div class="contacts_link"><a href="#">INSTAGRAM</a></div> https://www.cyberforum.ru/ html/ thread2317386.html	HTML, CSS Нужен пример спойлера для обычной таблицы https://www.cyberforum.ru/ html/ thread2317347.html Спойлер открытия и закрытия ячейки. Нужно установить значок "\f078" через шрифт FontAwesome для закрытого и соответствующую иконку для открытого спойлера в ячейку. Будет ли это работать в IE10 даже не знаю. В качесве стилей добавить подсвечивание столбца ячейки при наведении с изменением цветам текста и добавлением тени этому столбцу. Добавлено через 23 минуты <head> <link...
Не срабатывает медиазапрос HTML, CSS .Golg{ /* margin-top: -75px; */ font-size: 110px; font-family: "Merriweather"; color: #ffca28; line-height: 1.636; text-align: center; }	HTML, CSS Как сделать текст с новой строки после img align="left"? https://www.cyberforum.ru/ html/ thread2317227.html Привет. Подскажите, пожалуйста, как сделать так, чтобы текст1 был справа от картинки, а картинка слева от текста (так оно сейчас и есть), а текст2 был уже под картинкой, т.е. с новой строки слева, но уже после картинки. (не знаю каким кодом его отделить, сейчас он отображается так же справа от картинки как и текст1) Есть такой код: <img border="0" src="img.png" align="left" width="200"...
HTML, CSS Как сделать Htm страницу одного вида для ПК и планшетов и другого для мобильников? Добрый день! Собственно проблема такая: есть подписная страница для сбора e-mail, необходимо сделать так чтоб ее скролить не нужжно было, т.е. чтоб вся инфа помещалась на экране. На мобильном это получается, а на пк и планшете нет. Поэтому есть идея сделать 2 вариант страницы для пк и планшетов. Ну так вот проблема в следующем, как сделать так чтоб люди которые будут заходить с мобильного им... https://www.cyberforum.ru/ html/ thread2317206.html	Пространство над header HTML, CSS Привет. Подскажите плз, откуда берется пустое пр-во над header`oм (белая область)? <!DOCTYPE HTML> <html lang="ru"> <head> <title>Пиксель плюс</title> <meta charset="UTF-8"> <meta name="description" content="Пиксель плюс, главная страница">; <link rel="stylesheet" href="styles/style.css"> </head> <body>
HTML, CSS Ссылка на страницу сайта в соцсетях На сайтах у многих есть ярлыки перехода на блог в соцсетях. Как сделать, что бы при нажатии на кнопку был не переход на блог в ВК , а отправлялась ссылка страницы сайта в ВК на страницу пользователя? https://www.cyberforum.ru/ html/ thread2317170.html	HTML, CSS Как поместить блок со стилем в другой, сворачиваемый блок https://www.cyberforum.ru/ html/ thread2317149.html <html> <head> <style type="text/css"> .code_block { background: #c0c0c0; padding: 5px; padding-right: 20px; border: solid 1px black; }
Как подружить Adobe Dreamweaver CS6 и CSS3 HTML, CSS Adobe Dreamweaver CS6 не понимает display flex. Как это исправить?	HTML, CSS Как сверстать шапку сайта? Доброго времени суток... Помогите, пожалуйста, сверстать такую шапку сайта: (1 вложение) Конкретно, не понятно, как сделать адаптивные части, которые слева и справа от контента: (2 вложение) Красным отмечены границы контентной части с фиксированной шириной. Всё остальное должно быть продолжением и растягиваться вместе с окном. Светлые блоки являются картинками, но боковые части нужно... https://www.cyberforum.ru/ html/ thread2317044.html

Kraken73

105 / 93 / 50

Регистрация: 17.09.2015

Сообщений: 611

04.09.2018, 12:32

Размещение таблиц на сайте - HTML, CSS - Ответ 12878166

04.09.2018, 12:32. Показов 534. Ответов 1

Метки (Все метки)

Ответ

Вот 3 варианта как пример. песочница

HTML5

<div class="wrapper">
  <table>
    <tr>
      <td>Имя</td>
      <td>Фамилия</td>
      <td>Год рождения</td>
      <td>Прочая инфа</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td>
    </tr>
  </table>
  <table>
    <tr>
      <td>Имя</td>
      <td>Фамилия</td>
      <td>Год рождения</td>
      <td>Прочая инфа</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td>
    </tr>
  </table>
</div>

CSS

table {
  border: 1px solid #000;
}
table tr td {
  border: 1px solid #000;
  padding: 5px;
}
/*.wrapper {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}*/ /* 1 вариант */
 
.wrapper table {
  /*float: left;*/ /* 2 вариант */
  display: inline-block; /* 3 вариант */
}

Вернуться к обсуждению:
Размещение таблиц на сайте HTML, CSS

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

04.09.2018, 12:32

Готовые ответы и решения:

Размещение таблиц в HTML
Дорого времени суток, уважаемые форумчане! начинающему в HTML нужна ваша помощь: а именно,...

Размещение объектов на сайте
Всем привет! У меня есть фон сайта, формі разніе, ссілки и тд. Как мне расставить ети формы, текст...

Размещение книги на сайте
Доброго времени суток! Пока надобности нет, просто хотел бы понять принцип. Допустим на сайте...

Размещение блока, на сайте, по центру страницы
Всем добрый вечер. Пытаюсь научиться размещать блок на сайте таким образом, чтобы он был поверх...

	04.09.2018, 12:32

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

04.09.2018, 12:32

Помогаю со студенческими работами здесь

Размещение заказов на сайте
Хочу заранее спросить, чтобы после всего не переделывать заново. если что-то не так. Я хочу...

Размещение статистики на сайте
Хотела бы разместить статистику посещения (http://rating.openstat.ru) на своем сайте. На данном...

Размещение таблиц на вкладках PageControl
Здравствуйте! Объясните пожалуйста, как разместить разные таблицы на разных вкладках...

Размещение информации на сайте из файла
Здравствуйте! Имеется сайт с товарами, сделан только на html+css, php не владею, отсюда ответ....

Наверх