Tэйбл в html5 > Master-X.com

Тема: Tэйбл в html5

цитата
27/12/15 в 19:43

sweetypie
Привет,
я наконец то перехожу в html5, и хотел бы сохранить тэйблы такими, как есть, но, в html5 для них нужно использовать css.
Подскажите пожалуйста как правильно написать css строчку для тэйбла, с "table border="0" cellpadding="0" cellspacing="0"" aligned in center в html5, желательно без дополнительного css файла, а, со строчкой типа "table style", и идентификацией самого тэйбла в этой строчке (если это необходимо).

цитата
28/12/15 в 15:10

sx88
а что если так: <table style="border: none; text-align: center;"> ...

далее у td подписать что-то типа <td style="vertical-align: top;"> (vertical-align: middle (вертикально по центру), если надо).

?

цитата
28/12/15 в 23:17

sweetypie

Спасибо за ответ.
А, где идентифицировать тэйбл, или все тэйблы будут с такими установками?
Или это внутри самого тэйбла в боди пишется?

цитата
29/12/15 в 04:23

sx88
sweetypie писал:

Спасибо за ответ.
А, где идентифицировать тэйбл, или все тэйблы будут с такими установками?
Или это внутри самого тэйбла в боди пишется?

Немного не пойму что значит "идентифицировать тейбл", id Добавить? Или что имеется ввиду?

Есть 2 варианта:

Первый (что я дал выше) - т.е. допустим у тебя на странице несколько тейблов, тогда тебе надо к каждому <table> и к каждому <td> добавь эти стили, что я выше дал. Т.е. прямо как в 2000 годах делали, раз ты не хочешь в отдельный файл выносить эти стили.

Второй вариант. Можно каждому тейблу задать id по типу <table id="main_table">, и прямо в html после <body> прописать стили типа:
<style>
#main_table { border: none; text-align: center; }
#main_table td { vertical-align: top; }
</style>

P.S. Незнаю сработает ли в html5, но в простом html такое вроде работает, т.е. по сути все тоже самое что и с дивами, только тут table )))

Попробуй в общем что-то.

цитата
29/12/15 в 06:33

Magistrator
sweetypie писал:

А, где идентифицировать тэйбл,

чтение основ css тебе поможет. там совсем немного материала. это будет быстрее, чем тут спрашивать.

цитата
31/12/15 в 04:40

sweetypie
Спасибо за ответы.
Я когда то делал что то с css, но, сейчас мне нужно перевести в html5, a, там некоторых команд вообще нет, например "центр", cellpadding и cellspacing. Все эти функции исполняются теперь только в css, и со спецефическим синтаксисом, по этому я надеюсь, что кто то, кто прошёл подобную трансформацию, подскажет как перебраться в html5, практически сохранив тот же дизайн, что и сейчас (в html4), и без отдельного css файла, если возможно.

цитата
31/12/15 в 09:39

LeMoN
вариант "заплатить верстальщику" не рассматривал?

цитата
31/12/15 в 14:46

sweetypie

Может, и рассматривал бы, если бы увидел, что он быстро и безошибочно пишет эту линию, которая делает точно, что мне нужно. Было бы понятно, что профессионал.

Последний раз редактировалось: sweetypie (31/12/15 в 18:27), всего редактировалось 1 раз

цитата
31/12/15 в 16:32

Rukamy
что за каша в голове? даже вопрос четко задать не можешь.

td style="padding:0;margin:0;"

цитата
31/12/15 в 18:30

sweetypie

Извинита за кашу. Какая часть вопроса не понятна?

Новая тема Ответить

Эта страница в полной версии