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

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


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

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

 

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

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

Здесь вроде как 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

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

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

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

Гость
Ответить в этой теме...

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

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

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

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

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

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

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

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