Перейти к контенту

Кнопка в шапку.


Рекомендуемые сообщения

Долго думал, так и не додумался как сделать проще.

 

Нужно сделать кнопку, наподобие той, что на этом форуме в шапке - кнопка *ЧАТ* только не слева, а справа если возможно, также сбоку. Если нет то хотябы как сделать так же как тут слева??

Ссылка на комментарий
Поделиться на других сайтах

Здесь вроде как Z-index используется. То есть кнопка "накладывается" сверху в абсолютной позиции, не взирая на лица.

Точнее посмотрите во фрейме, затем справочники по html почитайте (в инете их полно).

Ссылка на комментарий
Поделиться на других сайтах

А можно хотябы на пару слов поподробнее что конкретно искать?? Это заливается как понимаю в Глобал HTML с фиксированным позиционированием??

 

Как именно сделать наложение с правой стороны, чтобы не смещалось при уменьшении размера окна?? Это возможно?? Или только фиксированно по X-Y ??

Ссылка на комментарий
Поделиться на других сайтах

Описание

Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет атрибут z-index.

 

Синтаксис

z-index: число | auto

 

Аргументы

В качестве аргумента допустимо использовать положительное или отрицательно целое число, а также ноль. Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Хотя спецификация и разрешает использовать отрицательные значения z-index, но такие элементы не отображаются в браузерах Netscape, Mozilla и Firefox.

 

Кроме числовых значений применяется auto — порядок элементов в этом случае строится автоматически, исходя из их положения в коде HTML и принадлежности к родителю, поскольку дочерние элементы имеют тот же номер, что их родительский элемент.

 

Значение по умолчанию

auto

 

Наследование

Значения, присвоенные данному параметру, не наследуются.

 

Пример

<html>

<body>

Слой 1 наверху

<div style="position:relative; font-size:50px; z-index:2; color: navy">Слой 1</div>

<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:1">Слой 2</div>

Слой 2 наверху

<div style="position:relative; font-size:50px; z-index:3; color: navy">Слой 1</div>

<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:4">Слой 2</div>

</body>

</html>

 

Применяется

К любым позиционированным элементам.

 

Объектная модель

[window.]document.getElementById("elementID").style.zIndex

 

Примечание

Список, созданный с помощью тега SELECT, в браузере Internet Exolorer всегда отображается поверх других элементов, несмотря на значение z-index. Только начиная с версии 5.5, Internet Explorer допускает применение атрибута z-index к фреймам (тег FRAME) и плавающим фреймам (IFRAME). Браузер Netscape 4.x поля форм всегда отображает поверх всех других элементов веб-страницы, независимо от заданного z-index.

 

Вам нужно что-то вроде - style="position:relative; top:-55; right:5; z-index:1"

Ссылка на комментарий
Поделиться на других сайтах

right:5;

Это для чего параметр?? почему именно 5?? (Так уже чисто интересно стало.) Остальное понял - сенкс, думаю разберусь :D

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.