tags:

views:

42

answers:

3

Is there a way to keep dropdown's stay on to test css styling in firefox?

for example : suppose if on this page http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html i want to keep dropdown on just to edit and styles in firebug.

Edit: the given link is just an example

+2  A: 

Alter the CSS styles so it displays the secondary ul without needing a :hover. Alternatively toggle classnames through JS console to do the same thing.

meder
Thanks for the answer. can you please explain in detail?
metal-gear-solid
I would assume you know how CSS works after 700 questions related to front end. I would also assume you knew what Firebug was. Just alter the CSS so `left:-999em` doesn't apply with Firebug. You do know how to use Firebug?
meder
@meder - I was confused on a:hover. now i got your point.
metal-gear-solid
+2  A: 

remove the css:

#nav li ul {
    left:-999em;
}

On firebug, select the link above the <ul>. You'll see the <ul> even though it's hidden. Select it, and disable the left:-999em; rule:

alt text

Kobi
This is great! :D
Kyle Sevenoaks
+1  A: 

Search for left: -999em; and change it to left: auto;. PS: Ln 35

Babiker