Показать сообщение отдельно
  #5 (permalink)  
Старый 15.07.2009, 12:52
Интересующийся
Отправить личное сообщение для XPOMOB Посмотреть профиль Найти все сообщения от XPOMOB
 
Регистрация: 25.06.2009
Сообщений: 11

Сообщение от B~Vladi Посмотреть сообщение
Для того, чтобы небыло переноса строк, диву нужно задать абсолютное позицианирование и всунуть его в span. Далее display:none; и спану position:relative;. Затем выравниваем див bottom:0;, left:0; и вешаем обработчик на спан, который будет менять диву display.
Вот что я сделал. Советы помогли немного. Див стал появлятся под "словом" - это уже хорошо Но перенос строки остался. И ещё, если "слово" находится в непосредственно близости от правого края - при появлении дива появляется горизонтальная прокрутка. И ещё Опера как-то не полностью Див показывает (но это наверное потом можно будет как-то решить...) Так же при bottom:0; - див повялется в самом верху, а не под словом - пришлось заменить на 1 (хотя если поставить 100 или 200 - результат одинаковый)

И ещё: в примере встретился параметр visibility -может его использовать? или разници особой нет?

Дальше код JS
<script type="text/javascript">
function view(){ 
 test1.style.display="block"; //блок становится видимым 
 //test1.style.display="inline"; //блок становится видимым 
 //test1.style.visibility="visible"; //блок становится видимым 
}

function noview(){ 
 test1.style.display="none"; //блок становится невидимым 
}

</script>


И HTML

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
текст текст текст текст текст текстекст текст
текст текст текст текстекст текст текст текст
текст текстекст текст текст текст текст текс
текст текст текст
<span style="position: relative; " onmouseover="view()" onmouseout="noview()">
слово
<div id="test1" style="display: none; position: absolute; bottom:1; left:0; width: 150px; height: 150px; z-index: 1; background-color:#008000;">
текст_дива</div>

</span> текст текст текстекст текст
текст текст текст текстекст текст текст текст
текст текстекст текст текст текст текст текс
текст текст текст текст текст текстекст текст
текст текст текст текстекст текст текст текст
текст текстекст текст текст текст текст текс
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Где что я неправильно делаю?
Ответить с цитированием