Как создать два раздела, заголовок с двумя разделами и нижний колонтитул без использования таблиц?

Я создал такой макет, используя таблицы, но как бы это сделать, используя только теги CSS и div? Я пытался найти в Интернете последний час и никуда не денусь. Может ли кто-нибудь указать мне в правильном направлении? Как мне начать кодирование этого?Как создать два раздела, заголовок с двумя разделами и нижний колонтитул без использования таблиц?

Я составил небольшой пример того, что я пытаюсь выполнить.

источник

2017-02-07 Josh Burkman

Узнайте немного о CSS layout. Это не очень сложно, но люди перестали использовать таблицы для компоновки много лет назад.

источник

2017-02-07 02:08:35 TricksfortheWeb

Вы можете легко сделать это, вложив таблицы, а затем определив их размер и т. Д. В css.

Тем не менее, пожалуйста, помните:

Note: Tables should not be used for page layout! Historically, some Web authors have misused tables in HTML as a way to control their page layout. However, there are a variety of alternatives to using HTML tables for layout, primarily using CSS.

Другими словами, это было бы очень плохая практика, если это не для присвоения класса.

источник

2017-02-07 02:16:20 Michael

Я уже делал это со столами, но я пытаюсь понять, как это сделать, используя CSS без таблиц. –

@JoshBurkman Ahh, я вижу. Вы вообще не хотели бы использовать таблицы/столбцы (вы говорите, что хотите использовать столбцы в вопросе, поэтому вы получили ответы, которые вы сделали). Ознакомьтесь с HTML-тегами заголовка, раздела и нижнего колонтитула; это те контейнеры, которые вы хотите использовать. Вы можете применить форматирование CSS к тем, чтобы достичь желаемого макета. – Michael

Вы можете использовать элементы div. Используйте CSS для добавления ширины для достижения желаемого макета.

источник

2017-02-07 04:29:53 Mei

Как создать два раздела, заголовок с двумя разделами и нижний колонтитул без использования таблиц?

ответ

Смежные вопросы