Bymas | Навигация! Для сайта

Тема закрыта by

ID_RICKY[55]
Причина: Спасибо!

Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.

Спасибо!

Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.

ну как бы это я знаю и сам, так как с html и css проблем нету)
просто зачем это лепить в html?

SENSEI (02.11.2016 в 15:56)
Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.
ну как бы это я знаю и сам, так как с html и css проблем нету)
просто зачем это лепить в html?

за тем что если эта таблица нужна один раз, то зачем лепить классы в css

Вилы_Выкидные (02.11.2016 в 15:58)
SENSEI (02.11.2016 в 15:56)
Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.
ну как бы это я знаю и сам, так как с html и css проблем нету)
просто зачем это лепить в html?

за тем что если эта таблица нужна один раз, то зачем лепить классы в css

ну как минимум это выглядит не красиво, + как бы в моём понимании лучше записать ещё один класс в css файл чем лепить вот такое

SENSEI (02.11.2016 в 16:03)
Вилы_Выкидные (02.11.2016 в 15:58)
SENSEI (02.11.2016 в 15:56)
Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.
ну как бы это я знаю и сам, так как с html и css проблем нету)
просто зачем это лепить в html?

за тем что если эта таблица нужна один раз, то зачем лепить классы в css
ну как минимум это выглядит не красиво, + как бы в моём понимании лучше записать ещё один класс в css файл чем лепить вот такое

и что?

потом при прохождении теста на скорость сайта от гугл увидеть сообщение о том что css тормозит скорость загрузки?

и всё равно встраивать css в html код сайта напрямую )))

Вилы_Выкидные (02.11.2016 в 16:05)
SENSEI (02.11.2016 в 16:03)
Вилы_Выкидные (02.11.2016 в 15:58)
SENSEI (02.11.2016 в 15:56)
Вилы_Выкидные (02.11.2016 в 15:54)
SENSEI (02.11.2016 в 15:30)
Вилы_Выкидные (02.11.2016 в 15:09)
<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">
<tr>
<td>
иконка-ссылка 1
</td>
<td>
иконка-ссылка 2
</td>
<td>
иконка-ссылка 3
</td>
<td>
иконка-ссылка 4
</td>
<td>
иконка-ссылка 5
</td>
</tr>
</table>

вот эта строка особенно убила

<table style="width: 100%; background: blue; text-align: center; vertical-align: middle;">

Ну что же начнём урок:

style = задаём стиль таблицы
width: 100% - устанавливаем ширину таблицы по всей ширине экрана
backgroun: blue - устанавливаем фон таблицы (в данном случае синий)
text-align: center - устанавливаем горизонтальное расположение содержимого в таблице по центру
vertical-align: middle - устанавливаем вертикальное расположение содержимого таблицы по центру

.
сидим и любуемся результатом .45.
ну как бы это я знаю и сам, так как с html и css проблем нету)
просто зачем это лепить в html?

за тем что если эта таблица нужна один раз, то зачем лепить классы в css
ну как минимум это выглядит не красиво, + как бы в моём понимании лучше записать ещё один класс в css файл чем лепить вот такое

и что?

потом при прохождении теста на скорость сайта от гугл увидеть сообщение о том что css тормозит скорость загрузки?

и всё равно встраивать css в html код сайта напрямую )))

ну насколько я знаю, самую большую нагрузку на открытие страниц даёт изображение и текст (особенно если он импортируется с другого ресурса например с fonts.google.com), + зачем тогда вообще css файл создавать если можно по старинке сделать вот так:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Фон для TR</title>
<style>
table {width: 100%; border-spacing: 0; }
tr { background: #f6d654 url(images/orangebg.png) repeat-y; }
</style>
</head>
<body>
<table>
<tr>
<td>1</td><td>2</td><td>3</td>
</tr>
</table>
</body>
</html>

P.S эт если не считать JS
________
посл. ред. 02.11.2016 в 16:16; всего 1 раз(а); by SENSEI