Hover links?!?!?!?!?!, This is making me so frustrated -.- |
Hover links?!?!?!?!?!, This is making me so frustrated -.- |
Jul 13 2009, 03:41 AM
Post
#1
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
I want links like the ones CB has. I have absolutely no idea what they're called. I think there used to be a script on here at some point in time, by I couldn't find it today...
The links I'm talking about are the ones that say "Layouts, Graphics, Scripts, Tutorials, Affiliates, Tracker, Members, Forums" When you hover them, there is a drop down of even more links... How do I do that? I did search Google, and I found some similar to that, but they only worked in Firefox Help would be appreciated |
|
|
|
![]() |
Jul 13 2009, 03:55 AM
Post
#2
|
|
![]() Live long and prosper. ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 10,142 Joined: Apr 2007 Member No: 514,926 |
|
|
|
|
Jul 13 2009, 09:30 AM
Post
#3
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
is there one that wouldn't require that i have a website? ^_^
|
|
|
|
Jul 13 2009, 10:00 AM
Post
#4
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
what?
|
|
|
|
Jul 13 2009, 10:12 AM
Post
#5
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
|
|
|
|
Jul 13 2009, 10:53 AM
Post
#6
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
You mean like a purely CSS drop-down menu? This could work:
CODE .navigation, .navigation * { margin:0; padding:0; list-style:none; } .navigation { line-height:1em; } .navigation ul { position:absolute; top:-999em; width:10em; } .navigation li { float:left; position:relative; } .navigation li:hover { visibility:inherit; } .navigation li:hover ul { left:0; top:1em; z-index:99; } .navigation li li { width:100%; } .navigation a { display:block; position:relative; } And the HTML: CODE <ul class="navigation">
<li><a href="#">Link 1</a> <ul> <li><a href="#">Sub Link 1</a></li> <li><a href="#">Sub Link 2</a></li> <li><a href="#">Sub Link 3</a></li> </ul> </li> <li><a href="#">Link 2</a> <ul> <li><a href="#">Sub Link 1</a></li> <li><a href="#">Sub Link 2</a></li> <li><a href="#">Sub Link 3</a></li> </ul> </li> </ul> |
|
|
|
Jul 13 2009, 11:09 AM
Post
#7
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
That is the code I tried that worked perfectly in Firefox, but stupid ole IE wouldn't accept it.
Thanks, though. |
|
|
|
Jul 13 2009, 07:42 PM
Post
#8
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
It works in IE8. IE8 isn't so bad anyway, and Microsoft is donating 8 meals to charity for every download of IE8.
I could probably tweak it so it works in earlier versions... |
|
|
|
Jul 14 2009, 03:25 PM
Post
#9
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 |
I thought I was using IE 8, but I'll check again. Thanks.
|
|
|
|
![]() ![]() |