Как растянуть таблицу в html на всю страницу
Перейти к содержимому

Как растянуть таблицу в html на всю страницу

  • автор:

Как растянуть таблицу в html

Чтобы растянуть таблицу в HTML, можно задать ей ширину в процентах или пикселях.

Например, чтобы растянуть таблицу на всю ширину страницы, можно задать ей ширину 100%:

 style="width:100%">  Заголовок 1 Заголовок 2 Заголовок 3   Ячейка 1 Ячейка 2 Ячейка 3   

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

Также можно задать ширину таблицы в пикселях:

 style="width:800px">  Заголовок 1 Заголовок 2 Заголовок 3   Ячейка 1 Ячейка 2 Ячейка 3   

В этом примере таблица будет иметь фиксированную ширину 800 пикселей.

Выравнять таблицу на всю высоту страницы и по центру

И как всегда это бывает все поехало. Перестало работать растягивание страницы на всю высоту страницы. В чем дело? Тэг

и
мешает. Если его убрать — все работает, но проблема, таблица выровнена не по центру. Т.е. или одно или другое. Или высота 100% или выравнивание по центру. Вопрос прост. Как совместить желаемое? Высота таблички должна быть 100%, и выравнивание по центру страницы. P.s. Давно хотел задать вопрос уровня школьника но стеснялся. Даже обидно как то такое спрашивать. День пришел ))

Растянуть таблицу на всю ширину экрана

Проблема такая, делаю сайт из 3х страниц, на 2х страницах все нормально, а на третьей не получается сделать масштабирование(чтоб растягивалось на всю страницу, а то много места справа получается), что не так пишу? уже все перепробовал

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
h2> TABLE> TR> TD align =center>IMG SRC="Images\9.jpg" height = 300 width = 390>/TD> TD>/TD> TD>/TD> TD align =center>IMG SRC="Images\10.jpg" height = 290 width = 390>/TD> /TR> TR> TD>/TD> TD align =center>IMG SRC="Images\11.jpg" height = 300 width = 300>/TD> TD align =center>IMG SRC="Images\12.jpg" height = 300 width = 300>/TD> TD>/TD> /TR> TR> TD>= left>IMG SRC="Images\13.jpg" height = 300 width =300> /marquee>/TD> TD>/TD> TD>/TD> TD>IMG SRC="Images\14.jpg" height = 300 width = 390>/TD> /TR> /table>

Как установить ширину таблицы через стили?

Установить ширину таблицы в пикселах или процентах через стили.

Решение

Для определения ширины таблицы используйте стилевое свойство width , применяя его к селектору table , как показано в примере 1.

Пример 1. Ширина таблицы

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Ширина таблицы    

В данном примере ширина всей таблицы устанавливается как 100%, а ширина левой колонки 100px. Это достигается за счёт добавления свойства width к селектору td с именем определённого класса ( ).

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

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Популярные рецепты

  • Как добавить картинку на веб-страницу?
  • Как добавить иконку сайта в адресную строку браузера?
  • Как добавить фоновый рисунок на веб-страницу?
  • Как сделать обтекание картинки текстом?
  • Как растянуть фон на всю ширину окна?
  • Как выровнять фотографию по центру веб-страницы?
  • Как разместить элементы списка горизонтально?
  • Как убрать подчеркивание у ссылок?
  • Как убрать маркеры в маркированном списке?
  • Как изменить расстояние между строками текста?
  • Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
  • Как открыть ссылку в новом окне?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *