Как сделать так чтоб главная страница всегда открывалась чуть ниже шапки

@umci · Регистрация: 15.05.2013

Студворк — интернет-сервис помощи студентам

Навеяло отсюда: Как поставить якорь на текст?

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

@malframe · 15.05.2013, 20:22

Вот мой сайт. Правда он очень давно сделан, но там это реализовано, можете подсмотреть. Там просто скроллом реализуется. Можно, наверное, сделать якорь на то место документа, где вы хотите чтобы он открывался, а при открытии перенаправлять сразу именно туда. Но это так, идеи из головы.... а то что на указанном мной сайте - реально работает.

@umci · 15.05.2013, 20:25 **[ТС]**

Необходимо чтоб под шапкой главное окно открывалось, в акурат над гаризонтальным меню было окно браузера

Добавлено через 28 секунд
но скролом можно было вверх подкрутить, тоесть чтоб шапка была

@malframe · 15.05.2013, 20:28

В смысле? Вам всплывающее окно нужно в аккурат над шапкой? Или что?

@dolte · 15.05.2013, 21:00

Вот так:

JavaScript
1
2
3
4
5
6
<script type="text/javascript">
window.onload = function()
{
window.scrollTo( 0, 670 ); 
}
</script>

@umci · 15.05.2013, 23:24 **[ТС]**

о, 670 - что означает? а можно как то в ксс это прописать?

Добавлено через 45 секунд
то есть открывается главная страница и сразу ниже шапки с горизонтального меню

Добавлено через 2 минуты
245px от верха у меня получается

@dolte · 15.05.2013, 23:54

CSS
1
2
3
4
5
6
<script type="text/javascript">
window.onload = function()
{
window.scrollTo( 0, 245 ); 
}
</script>

@umci · 16.05.2013, 00:05 **[ТС]**

вставил в ксс но не сработал

Добавлено через 4 минуты
спасибо большое просто ява сработала, ксс почему то не срослась, ну лишь бы работала. Спасибо большое!!!!

@dolte · 16.05.2013, 07:43

Сообщение от umci

вставил в ксс но не сработал

Добавлено через 4 минуты
спасибо большое просто ява сработала, ксс почему то не срослась, ну лишь бы работала. Спасибо большое!!!!

ну вообще-то это вставляется в код самой страницы, но никак уж не в css

@umci · 16.05.2013, 15:33 **[ТС]**

я просто думал что можно как то через ксс решить этот вопрос чтоб код не захломлять, да в пхп коде работает, спасибо еще раз

Добавлено через 5 часов 8 минут

Сообщение от dolte

ну вообще-то это вставляется в код самой страницы, но никак уж не в css

Подскажите пожалуйста еще:

вот код штмл:

HTML5
1
<a href="#" class="buttonSample">Кнопка</a>

Вот ксс:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
a.buttonSample {
    display:block;
    width:240px;
    height:50px;
    background:#D3D3D3 url(/templates/okna2/images/ceny.png);
    font-size:18px;
    font-family:"Times New Roman", serif;
    font-weight: bold;
    text-align:center;
    padding-top:10px;
}
a.buttonSample:link {
    text-decoration:none;
    color:#00008B;
}
a.buttonSample:visited {
    text-decoration:none;
    color:#FF0000;
}
a.buttonSample:hover {
    text-decoration:none;
    color:#FF0000;
    background-color:#D3D3D3;
    background-position:0px -58px;
}
a.buttonSample:active {
    text-decoration:none;
    color:#00008B;
    background-color:#D3D3D3;
    background-position:0px -2px;
}

Все классно работает, но мне нужно пять кнопок с немного отличающимися картинками, как мне объединить, а вернее что объединить в класс и как потом в штмл показать дивом или просто хрефами также, просто не хочу под каждую кнопку ксс хламом засорять, уверен что как то это можно увязать в систему, подскажите, целый день голову ломаю ничего не получается как надо, заранее большое спасибо!

@dolte · 17.05.2013, 10:46

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
a.buttonSample, a.buttonSample2 
{
...
}
a.buttonSample:link, a.buttonSample2:link 
{
...
}
a.buttonSample:visited, a.buttonSample2:visited  
{
...
}
a.buttonSample:hover, a.buttonSample2:hover 
{
...
}
a.buttonSample:active, a.buttonSample2:active 
{
...
}

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@umci 0 / 0 / 0 Регистрация: 15.05.2013 Сообщений: 9

	Как сделать так чтоб главная страница всегда открывалась чуть ниже шапки 15.05.2013, 11:09. Показов 3761. Ответов 10 Метки нет (Все метки) Навеяло отсюда: Как поставить якорь на текст? подскажите пожалуйста, как сделать так чтоб главная страница всегда открывалась чуть ниже шапки или сразу без шапки, а потом кому надо тот скролом вверх прокрутит? Куда якорь надо вставить или можно как то это решить через css.??? 0

@malframe 9 / 9 / 4 Регистрация: 11.05.2013 Сообщений: 110
	15.05.2013, 20:22
	Вот мой сайт. Правда он очень давно сделан, но там это реализовано, можете подсмотреть. Там просто скроллом реализуется. Можно, наверное, сделать якорь на то место документа, где вы хотите чтобы он открывался, а при открытии перенаправлять сразу именно туда. Но это так, идеи из головы.... а то что на указанном мной сайте - реально работает. 0

@umci 0 / 0 / 0 Регистрация: 15.05.2013 Сообщений: 9
	15.05.2013, 20:25 [ТС]
	Необходимо чтоб под шапкой главное окно открывалось, в акурат над гаризонтальным меню было окно браузера Добавлено через 28 секунд но скролом можно было вверх подкрутить, тоесть чтоб шапка была 0

@malframe 9 / 9 / 4 Регистрация: 11.05.2013 Сообщений: 110
	15.05.2013, 20:28
	В смысле? Вам всплывающее окно нужно в аккурат над шапкой? Или что? 0

@umci 0 / 0 / 0 Регистрация: 15.05.2013 Сообщений: 9
	15.05.2013, 23:24 [ТС]
	о, 670 - что означает? а можно как то в ксс это прописать? Добавлено через 45 секунд то есть открывается главная страница и сразу ниже шапки с горизонтального меню Добавлено через 2 минуты 245px от верха у меня получается 0

@umci 0 / 0 / 0 Регистрация: 15.05.2013 Сообщений: 9
	16.05.2013, 00:05 [ТС]
	вставил в ксс но не сработал Добавлено через 4 минуты спасибо большое просто ява сработала, ксс почему то не срослась, ну лишь бы работала. Спасибо большое!!!! 0