Rollover Button inside JQuery Tools Tab -


I have a rollover image 125x80 I have the following code is simple HTML and CSS and works fine, but when I do #questions div If you try to integrate inside a jQuery Tools tab panel, the button will never appear. I am thinking of what I am doing wrong. & lt; Html & gt; & Lt; Top & gt; & Lt; Style & gt; # Question one: Link {height: 40px; Width: 125px; Display area; Background: url (../ images / btn-questions.png) No-repeat left top; } # Question one: hover {background-position: left bottom; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "question" & gt; & Lt; A href = "#" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;

This works then I try to integrate it into the jQuery Tools tab panel, the following ways:

  & lt; Div class = "panes" & gt; & Lt; Div & gt; This is the first tab it appears inside the text pane & lt; Img src = "../ This image works too much" /> & lt; Div id = "question" & gt; & Lt; A href = "#" & gt; Why does not this rollfinder button appear inside the pan? & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

Thanks advance!

OK, in the end I left it with the JQuery Tools tab seems to be very complicated for me now I am using tabs and the rollover image works fine. Apart from this, I had to change the CSS from the following:

  # questions {status: absolute; Left: 500px; Top: 75px; Width: 125px; Height: 40px; Hidden flurry; / * IE needs * * * Question: A hover img {margin-top: -40px}   

and I have changed it by devils:

  & lt; Div id = "question" & gt; & Lt; A href = "#" & gt; & Lt; Img src = "../ images / btn-questions.png" & gt; & Lt; / A & gt; & Lt; / Div & gt;   

I like this tab. Also, you do not need any image for tabs because JQuery device is needed, better, cleaner, and easier to hope that this solution can help anyone with the same problem.

Comments