Кнопка прокрутки внутри вкладки инструментов JQuery - PullRequest
Новая
       18

Кнопка прокрутки внутри вкладки инструментов JQuery

0 голосов
/ 28 марта 2011

У меня есть ролловер изображения 125x80.Следующий код является простым html & css и работает нормально, но когда я пытаюсь интегрировать div #questions в панель вкладок JQuery Tools, кнопка никогда не появляется.Мне интересно, что я делаю не так.

<html>
<head>
<style>

#questions a:link{
height: 40px;
width: 125px;
display: block; 
background: url(../images/btn-questions.png) no-repeat left top;
}

#questions a:hover{  background-position: left bottom;  }   

</style>
</head>

<body>

<div id="questions"> <a href="#"></a> </div>

</body>
</html>

Это работает.Затем я пытаюсь интегрировать его в панель вкладок JQuery Tools следующим образом: 

<div class="panes"> 

<div>
This is the first tab. This text appears inside the pane
<img src="../This image works too.png" />

<div id="questions">
    <a href="#">WHY THIS ROLLOVER BUTTON DOESN'T APPEAR INSIDE THE PANE?</a>
</div>

</div>  
</div>

Заранее спасибо!

1 Ответ

0 голосов
/ 08 апреля 2011

Хорошо, наконец-то я отказался от вкладок JQuery Tools.Это кажется мне слишком сложным.Теперь я использую вкладки от http://www.sohtanaka.com/web-design/examples/tabs/, и изображение ролловера работает нормально.Также мне пришлось изменить CSS следующим образом: 

#questions {
position: absolute;
left:500px;
top:75px;
width:125px; 
height:40px;        
overflow:hidden; /* IE needed */     
}

#questions a:hover img
{ margin-top:-40px }

И я изменил div на: 

<div id="questions">  
    <a href="#"><img  src="../images/btn-questions.png" ></a>
</div>

Я предпочитаю эту вкладку.Кроме того, вам не нужно никакого изображения для вкладок, как того требуют JQuery Tools.Гораздо лучше, чисто и легко.Надеюсь, что это решение может помочь любому с той же проблемой.

...