html содержание

avatar Plus

179

14

Plus

Пользователь

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

Plus

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

Привет!


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

Для примера(отдаленного) этот сайт: https://studfiles.net/preview/6219426/page:3/

Слева идет содержание и можно всегда выбрать другую главу

Snowfall024

Пользователь

Регистрация: 05.07.2015

Сообщения: 2340

Рейтинг: 1264

Snowfall024

Регистрация: 05.07.2015

Сообщения: 2340

Рейтинг: 1264

>html
>для диплома

Совсем деграднули

TR4N5 -92-

Пользователь

Регистрация: 10.10.2012

Сообщения: 926

Рейтинг: 500

TR4N5 -92-

Регистрация: 10.10.2012

Сообщения: 926

Рейтинг: 500

я далек, но в хтмл есть такая тема как позиционирование, на том жеhtmlbook можно узнать достаточно информации для твоего таска.

Plus

Пользователь

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

Plus

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

TR4N5 -92- сказал(а):

я далек, но в хтмл есть такая тема как позиционирование, на том жеhtmlbook можно узнать достаточно информации для твоего таска.

Нажмите, чтобы раскрыть...

Ну я сделал фиксированную позицию, но перетянуть ее в какой то угол уже проблематично(

Сейчас посмотрю этот сайт, спасибо)

Kagon

Пользователь

Регистрация: 14.03.2017

Сообщения: 12770

Рейтинг: 7253

Kagon

Регистрация: 14.03.2017

Сообщения: 12770

Рейтинг: 7253

Plus сказал(а):

Привет!


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

Для примера(отдаленного) этот сайт: https://studfiles.net/preview/6219426/page:3/

Слева идет содержание и можно всегда выбрать другую главу

Нажмите, чтобы раскрыть...

Может ты на css будешь как белый человек делать?

HaRonik

Пользователь

Регистрация: 23.10.2013

Сообщения: 2986

Рейтинг: 1171

HaRonik

Регистрация: 23.10.2013

Сообщения: 2986

Рейтинг: 1171

Kagon сказал(а):

Может ты на css будешь как белый человек делать?

Нажмите, чтобы раскрыть...

Преподы не поймут

Kagon

Пользователь

Регистрация: 14.03.2017

Сообщения: 12770

Рейтинг: 7253

Kagon

Регистрация: 14.03.2017

Сообщения: 12770

Рейтинг: 7253

HaRonik сказал(а):

Преподы не поймут

Нажмите, чтобы раскрыть...

Это шутка? Этой технологии лет 20

saw_tooth

Пользователь

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

saw_tooth

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

Plus сказал(а):

Для примера

Нажмите, чтобы раскрыть...

а F12 не судьба нажать?

Знатно вас там учат, пиценосцев.

WTFGuys?

Пользователь

Регистрация: 27.11.2014

Сообщения: 569

Рейтинг: 306

WTFGuys?

Регистрация: 27.11.2014

Сообщения: 569

Рейтинг: 306

Вьиваешь трабл в гогол - первая ссылка.

Мы в шараге тоже сайты пилим. Тока у нас это самостоятельная работа называется, а у вас это дипломом зовётся. Далеко нам до вас конешн

Delaveur

Пользователь

Регистрация: 20.05.2014

Сообщения: 7771

Рейтинг: 4997

Delaveur

Регистрация: 20.05.2014

Сообщения: 7771

Рейтинг: 4997

Plus сказал(а):

Привет!


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

Для примера(отдаленного) этот сайт: https://studfiles.net/preview/6219426/page:3/

Слева идет содержание и можно всегда выбрать другую главу

Нажмите, чтобы раскрыть...

P.S. сайт код удалил, ща

Sharpest Lives

Пользователь

Регистрация: 20.04.2015

Сообщения: 3402

Рейтинг: 2851

Sharpest Lives

Регистрация: 20.04.2015

Сообщения: 3402

Рейтинг: 2851

Plus сказал(а):

Ну я сделал фиксированную позицию, но перетянуть ее в какой то угол уже проблематично(

Сейчас посмотрю этот сайт, спасибо)

Нажмите, чтобы раскрыть...

могу еще посоветовать htmlacademy, там очень крутой встроенный редактор html/css

saw_tooth

Пользователь

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

saw_tooth

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

Plus

Пользователь

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

Plus

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

saw_tooth сказал(а):

а F12 не судьба нажать?

Знатно вас там учат, пиценосцев.

Нажмите, чтобы раскрыть...

Ну, код страницы недостаточно инфы показывает, чтобы ее сокмуниздить, я уже пробовал :ъ


WTFGuys? сказал(а):

Вьиваешь трабл в гогол - первая ссылка.

Мы в шараге тоже сайты пилим. Тока у нас это самостоятельная работа называется, а у вас это дипломом зовётся. Далеко нам до вас конешн

Нажмите, чтобы раскрыть...

Дипломная работа вообще по сетям XD Им просто зачем то нужно, чтобы мы ее оформили в html, рофл в том, что нас за все 4 курса даже ему не учили, а моих знаний из комп школы хватит разве что на дефолт задачи XD

saw_tooth

Пользователь

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

saw_tooth

Регистрация: 20.08.2013

Сообщения: 5550

Рейтинг: 3287

Plus сказал(а):

код страницы недостаточно инфы показывает

Нажмите, чтобы раскрыть...

я тебя понял.

Plus

Пользователь

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

Plus

Регистрация: 22.05.2013

Сообщения: 2821

Рейтинг: 1469

saw_tooth сказал(а):

я тебя понял.

Нажмите, чтобы раскрыть...

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

Вот допустим:




nav {
position: fixed;
top: 0;
left: 0;
right: 0;
border: 4px solid #456;
}
h2:target:before {
content: "";
display: block;
height: 2em;
margin-top: -2em;
visibility: hidden;
}



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