Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

RQ: Плаващо меню

Последователи

Нова тема
Отговор в тази тема

20 ноември 200619 г.

Hey,

дайте съвет моля как да направя горната навигация на сайт да си стои в началото на екрана независимо колко скролира надолу по уеб страницата. Тоест да не се скрива при скролирането. Благодаря!

Редактирано 21 ноември 200619 г. от Fifa (преглед на промените)

Цитирай

20 ноември 200619 г.

Това е фиксирана позиция, ИЕ преди 7 има проблеми с position: fixed; и затова се ползва или JavaScript с който лично на мен не ми харесва как се получава или се ползва CSS хватки за подобно позициониране.

Ето ти пример за това как се прави с CSS:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>

		<title>New Document</title>

		<style type="text/css">

			html, body {

				height: 100%;

				margin: 0;

				padding: 0;

				overflow: hidden;

			}

			.container {

				width: 100%;

				height: 100%;

				overflow: auto;

			}

			.menu {

				position: absolute;

				top: 0;

				left: 120px;

				width: 150px;

				height: 50px;

				background-color: red;

			}

			.example {

				width: 300px;

				height: 2000px;

				margin: 0 auto;

				border: 1px solid black;

			}

		</style>

	</head>

	<body>

		<div class="menu">menu goes here</div>

		<div class="container">

			<div class="example">text goes here</div>

		</div>

	</body>

</html>

Редактирано 20 ноември 200619 г. от abozhilov (преглед на промените)

Цитирай

21 ноември 200619 г.

Автор

Това е фиксирана позиция, ИЕ преди 7 има проблеми с position: fixed; и затова се ползва или JavaScript с който лично на мен не ми харесва как се получава или се ползва CSS хватки за подобно позициониране.

Ето ти пример за това как се прави с CSS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

	<head>

		<title>New Document</title>

		<style type="text/css">

			html, body {

				height: 100%;

				margin: 0;

				padding: 0;

				overflow: hidden;

			}

			.container {

				width: 100%;

				height: 100%;

				overflow: auto;

			}

			.menu {

				position: absolute;

				top: 0;

				left: 120px;

				width: 150px;

				height: 50px;

				background-color: red;

			}

			.example {

				width: 300px;

				height: 2000px;

				margin: 0 auto;

				border: 1px solid black;

			}

		</style>

	</head>

	<body>

		<div class="menu">menu goes here</div>

		<div class="container">

			<div class="example">text goes here</div>

		</div>

	</body>

</html>

Много благодаря за съвета и извинения за латиницата, не се съобразих.

Цитирай

Добавете отговор

Можете да публикувате отговор сега и да се регистрирате по-късно. Ако имате регистрация, влезте в профила си за да публикувате от него.

Публикацията ви съдържа термини, които не допускаме! Моля, редактирайте съдържанието си и премахнете подчертаните думи по-долу. Ако замените букви от думата със звездички или друго, за да заобиколите това предупреждение, профилът ви ще бъде блокиран и наказан!

Напишете отговор в тази тема...