Форум русской поддержки Joomla!® CMS
11.12.2016, 15:57:01 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Фиксированное меню

 (Прочитано 191 раз)
0 Пользователей и 1 Гость смотрят эту тему.
mlukyanov
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 157


« : 09.01.2016, 12:02:55 »

вопрос скорее по HTML и CSS

Страничка аля landing. Сделал фиксированное верхнее меню, ссылки с якорями. При переходе по ссылке, заголовок с якорем попадает под меню:


а хотелось бы чтоб было вот так:
Записан
Grigory S.
Завсегдатай
*****

Репутация: +68/-0
Offline Offline

Пол: Мужской
Сообщений: 685


(с)


« Ответ #1 : 09.01.2016, 12:09:32 »

Основному контейнеру сделайте padding сверху равный высоте меню.
Записан
mlukyanov
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 157


« Ответ #2 : 09.01.2016, 12:47:13 »

сайт закрыт, показать не могу.
вот сделал страничку аналог

padding-top спасает только первый заголовок, остальные тонут под меню...
Записан
Shustry
Группа развития
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 09.01.2016, 15:17:08 »

Заголовкам сделайте большой паддинг и такой же отрицательный верхний margin.
Записан
mlukyanov
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 157


« Ответ #4 : 09.01.2016, 16:05:19 »

спасибо. это самое простое решение.

сам нашел решение, по вставки пустых ссылок перед заголовком
<a name="1" class="anchor"></a>

и

.anchor {
top: -30px;
display: inline-block;
position: relative;
height: 1px;
width: 1px;
}
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet