Log In · Register

 
 
Closed TopicStart new topic
Hover links?!?!?!?!?!, This is making me so frustrated -.-
emberfly
post 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... sad.gif

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 sad.gif


Help would be appreciated biggrin.gif
 
synapse
post 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



http://www.codestyle.org/javascript/dom/cs...ntalMenus.shtml
 
emberfly
post 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? ^_^
 
emberfly
post Jul 13 2009, 10:00 AM
Post #4


kthxbai
******

Group: Official Designer
Posts: 2,832
Joined: Feb 2008
Member No: 621,203



what?
 
emberfly
post Jul 13 2009, 10:12 AM
Post #5


kthxbai
******

Group: Official Designer
Posts: 2,832
Joined: Feb 2008
Member No: 621,203



http://www.xanga.com
 
fixtatik
post 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>
 
emberfly
post 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. sad.gif

Thanks, though.
 
fixtatik
post 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...
 
emberfly
post 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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: