Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Исчезла ссылка в диве! 
:(
    Опции темы
max-@
Дата 1.9.2006, 10:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 131
Регистрация: 8.12.2004
Где: Тольятти

Репутация: нет
Всего: нет



При наведении в опере на ссылку курсор мыши не меняется на руку! как исправить эту ситуацию если обязательно нужно чтоб второй див был сверху по слою?

Код

<div id="1" style="position:absolute;width:100%;left:0px;top:0px;z-index:1;">
    <div id="3" style="z-index:3;"><a href="http://vuithelp.ru" style="z-index:3;">ссылка</a><div>
<div>
<div id="2" style="position:absolute;width:100%;left:0px;top:0px;z-index:2;background-color:transparent">&nbsp;<div>



PM MAIL WWW   Вверх
shopen
Дата 1.9.2006, 10:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.8.2006

Репутация: нет
Всего: нет



у меня в опере(9.0) всё нормально, но как вариант можешь сделать следующее:
<a href="http://vuithelp.ru" style="z-index:3;" onmouseover='this.style.cursor="hand"'>ссылка</a>
PM MAIL   Вверх
max-@
Дата 1.9.2006, 10:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 131
Регистрация: 8.12.2004
Где: Тольятти

Репутация: нет
Всего: нет



у меня опера 8.5    
тоже некатит и в стиль прописывал тоже некатит!...

Добавлено @ 10:10 
И что самое обидно ладно бы hand небфло так еще и ссылка как текст воспринимается не переходит по ссылке просто выделяется!
PM MAIL WWW   Вверх
shopen
Дата 1.9.2006, 10:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.8.2006

Репутация: нет
Всего: нет



попробуй так,
<div id="1" style="position:absolute;width:100%;left:0px;top:0px;z-index:1;">
    <div id="3" style="z-index:3;" onClick='location.href="http://vuithelp.ru"' onmouseover='this.style.cursor="hand"'>ссылка<div>
</div>
<div id="2" style="position:absolute;width:100%;left:0px;top:0px;z-index:2;background-color:transparent">&nbsp;<div>

кстати, может из быть у тебя трабла из за того, что закрывающий тэг div id=1 с ошибкой написан? ты забыл поставить "/"
PM MAIL   Вверх
Illuminaty
Дата 1.9.2006, 10:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



Код

cursor: pointer;

PM MAIL ICQ   Вверх
shopen
Дата 1.9.2006, 10:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.8.2006

Репутация: нет
Всего: нет



Цитата(Illuminaty @  1.9.2006,  10:26 Найти цитируемый пост)
CSS1:cursor: pointer;

так опера будет отражать точку.. думаю не канает такой вариант.
PM MAIL   Вверх
Illuminaty
Дата 1.9.2006, 10:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



shopen, а ты проверь
Код
<div style="background-color:#996600; cursor: pointer; ">Тест</div>

PM MAIL ICQ   Вверх
shopen
Дата 1.9.2006, 10:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 35
Регистрация: 31.8.2006

Репутация: нет
Всего: нет



Illuminaty, ага, точно рука, ну можно в-принципе и так заюзать, но онклик оставить приёдтся. smile

Код

<div id="1" style="position:absolute;width:100%;left:0px;top:0px;z-index:1;">
    <div id="3" style="z-index:3;cursor: pointer;" onClick='location.href="http://vuithelp.ru"'>ссылка</div>
</div>
<div id="2" style="position:absolute;width:100%;left:0px;top:0px;z-index:2;background-color:transparent">&nbsp;</div>


а вообще смущают закрывающие тэги в исходном примере: <div> a не </div>

Это сообщение отредактировал(а) shopen - 1.9.2006, 10:53
PM MAIL   Вверх
skyboy
Дата 1.9.2006, 11:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



вот так работает:
Код

<div id="1" style="position:absolute;width:100%;left:0px;top:0px;z-index:1;">
 <div id="3" style="z-index:3;">
  <a href="http://vuithelp.ru" style="z-index:3;">
   ссылка
  </a>
 </div>
</div>
<-- ...а вот так - ссылку видно -->
<div id="2" style="position:absolute;width:100%;left:0px;top:0px;">
&nbsp;
</div>

а вот тут можно заметить, что вся проблема в последнем слоес абсолютным позиционированием
Код

<div id="1" style="position:absolute;width:100%;left:0px;top:0px;z-index:1;">
 <div id="3" style="z-index:3;">
  <a href="http://vuithelp.ru" style="z-index:3;">
   ссылка
  </a>
 </div>
</div>
<-- ...а вот так - ссылку видно -->
<div id="2" style="position:absolute;width:100%;left:0px;top:0px;z-index:5;background-color:#F00">
&nbsp;
</div>

Причем, проблем будет только в том случае, если у последнего слоя выставлен z-index и неважно, какой - хоть 5, хоть 1, всё равно перекрывает всех и вся.
зы И в самом деле странно как-то теги закрыты. Шутка?
PM MAIL   Вверх
R.M.
Дата 1.9.2006, 12:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Цитата(Illuminaty @  1.9.2006,  11:26 Найти цитируемый пост)
cursor: pointer;

Как говорит Лебедев
Код

cursor: pointer; cursor: hand;




--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
skyboy
Дата 1.9.2006, 12:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Код

cursor: pointer; cursor: hand;

Mozilla в javascript console ошибку пишет. Неприятно. Кроме того, 6 ИЕ без проблем "глотает" pointer, и отображает как надо. Так на кого тогда равняемся?
PM MAIL   Вверх
Illuminaty
Дата 1.9.2006, 13:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56



На IE < 5.5
Хотя я для него всегда отдельный CSS создаю
PM MAIL ICQ   Вверх
skyboy
Дата 1.9.2006, 13:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



Illuminaty, было бы на кого равняться smile 
И вообще - прочь оффтоп из наших постов  smile 
Товарищи, так почему же всё-таки слой вне зависимости от z-index'a перекрывает слои с теми же координатами; а если убрать определение z-index -- то не перекрывает?!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0507 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.