Верстка, CSS, HTML, SVG
Помогите пожалуйста разобраться с сайтом!!!
Я сделала меню в html из таблицы и мне нужно сделать так, чтобы при прокрутке меню (т.е. таблица) не двигалось и оставалось на месте, как фон. Как так сделать? Какой тег добавить? Пожалуйста помогите!!!
position="fixed"
Фиксированное позиционирование. По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
position="sticky"
Это сочетание относительного и фиксированного позиционирования. Элемент рассматривается как позиционированный относительно, пока он не пересекает определённый порог, после чего рассматривается как фиксированный. Обычно применяется для фиксации заголовка на одном месте, пока содержимое, к которому относится заголовок, прокручивается на странице.
Фиксированное позиционирование. По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы.
position="sticky"
Это сочетание относительного и фиксированного позиционирования. Элемент рассматривается как позиционированный относительно, пока он не пересекает определённый порог, после чего рассматривается как фиксированный. Обычно применяется для фиксации заголовка на одном месте, пока содержимое, к которому относится заголовок, прокручивается на странице.
Для этого не тег нужен, а css-свойство:
position: sticky;
Единственное, это свойство не очень кроссбраузерное, если принципиальна поддержка старых браузеров, пробей в Интернете как имитировать это свойство костыльными решениями.
А так, по хорошему, отвечающий Выше прав, тег table не очень хорошо подходит для создания меню. Ненужное задействование таблицы из-за одной строки tr. Спрашивается: "Зачем?".
Оптимальнее, с точки зрения html, использовать не нумерованный список, т. е. тег - сам список, внутри него элементы списка, а внутри уже тег ссылки .
При этом через css убирается маркер и список выравнивается в 1 строку:
- либо придав display: inline-block;
- либо для того же float: left; После закрывающего тега добавить со свойством
clear: both;
- либо через флексы (пробьёшь).
Главные минусы создания меню через таблицы:
1) Нельзя при адаптации сайта под мобильные расположить все элементы меню в 1 столбец, поскольку это строка и ячейки не переносятся с горизонтального на вертикальное, либо можно гипотетически, но очень извращёнными способами перезадания свойства display у каждого элемента таблицы.
2) Ладно, если простое меню без выпадающих элементов, а если будет выпадающее меню, как ты будешь делать? Будешь использовать вложенную таблицу с кучей строк с 1 ячейкой ради структуры выпадающего меню? Мало того, что код будет выглядеть крайне кривым, так ещё и сама таблица за счёт выпадающего меню не сможет иметь нормальный фон, поскольку по высоте будет растягиваться за счёт выпадающего меню.
Иными словами, создавать меню через таблицы крайне извращённый и не практичный вариант. Такой вариант с натяжкой ещё можно было использовать во времена, когда Интернет на мобильных не был так распространён и адаптация под мобильные не была обязательной, и то при условии отсутствия выпадающего меню.
Мне кажется, даже для времён табличной вёрстки, когда сайт делали через таблицы, всё равно использовался не нумерованный список ul>li для создания меню.
А так, вне зависимости от html-реализации, твоё css-свойство для того эффекта, что ты хочешь, повторюсь:
position: sticky;
position: sticky;
Единственное, это свойство не очень кроссбраузерное, если принципиальна поддержка старых браузеров, пробей в Интернете как имитировать это свойство костыльными решениями.
А так, по хорошему, отвечающий Выше прав, тег table не очень хорошо подходит для создания меню. Ненужное задействование таблицы из-за одной строки tr. Спрашивается: "Зачем?".
Оптимальнее, с точки зрения html, использовать не нумерованный список, т. е. тег - сам список, внутри него элементы списка, а внутри уже тег ссылки .
При этом через css убирается маркер и список выравнивается в 1 строку:
- либо придав display: inline-block;
- либо для того же float: left; После закрывающего тега добавить со свойством
clear: both;
- либо через флексы (пробьёшь).
Главные минусы создания меню через таблицы:
1) Нельзя при адаптации сайта под мобильные расположить все элементы меню в 1 столбец, поскольку это строка и ячейки не переносятся с горизонтального на вертикальное, либо можно гипотетически, но очень извращёнными способами перезадания свойства display у каждого элемента таблицы.
2) Ладно, если простое меню без выпадающих элементов, а если будет выпадающее меню, как ты будешь делать? Будешь использовать вложенную таблицу с кучей строк с 1 ячейкой ради структуры выпадающего меню? Мало того, что код будет выглядеть крайне кривым, так ещё и сама таблица за счёт выпадающего меню не сможет иметь нормальный фон, поскольку по высоте будет растягиваться за счёт выпадающего меню.
Иными словами, создавать меню через таблицы крайне извращённый и не практичный вариант. Такой вариант с натяжкой ещё можно было использовать во времена, когда Интернет на мобильных не был так распространён и адаптация под мобильные не была обязательной, и то при условии отсутствия выпадающего меню.
Мне кажется, даже для времён табличной вёрстки, когда сайт делали через таблицы, всё равно использовался не нумерованный список ul>li для создания меню.
А так, вне зависимости от html-реализации, твоё css-свойство для того эффекта, что ты хочешь, повторюсь:
position: sticky;
Ринат Биккужин
Я бы рада использовать что-то другое вместо таблицы как меню, но преподаватель по информатике сказал использовать только таблицу (((
Ринат Биккужин
И делать сайт ТОЛЬКО через Блокнот, а как связать с ним CSS я понятия не имею, потому что я студентка МЕДИЦИНСКОГО колледжа и я вообще не разбираюсь в компьютерах
Похожие вопросы
- Верстка сайтов ( поможет кто разобраться что да как учить? )
- ребят, помогите пожалуйста. сделал сайт, но он не отображается ни в яндексе ни в гугле.
- Помогите пожалуйста, нужно сверстать макет html сайта по образцу.
- Помогите, пожалуйста, решить данную проблему
- Помогите пожалуйста! Я начинающий веб-программист, в данный момент почти выучил CSS и HTML,у меня вопрос
- Помогите пожалуйста с программированием. Можете написать на С++, С# и Phyton. Желательно C#.
- Здравствуйте, помогите, пожалуйста с html
- Нужно сделать сайт. Помогите разобраться новичку)
- Вопрос к тем, кто программирует сайты через HTML и CSS или знает, что это такое. Объясните пожалуйста (вопрос в описании
- Здравствуйте, подскажите пожалуйста на каком хостинге лучше всего создавать свой сайт и какой движок лучше всего выбрать?