Sublime directory Surf the web anonymous Pagerank Monitor


Navigation Bar

Silent77
Sun 14 May 2006, 09:41 am GMT +0300
I was wondering if it was possible to take this nav tut and make it where the second bar drops down when someone rollsover the top tab. Is this possible?

Nav tut: http://www.dynamicdrive.com/style/csslibrary/item/two-level-css-tabs-menu/ Visit through proxy

Thanks.

Nikolas
Sun 14 May 2006, 10:25 am GMT +0300
It is possible, by changing the visibillity of the divs, but the tutorial you link to can't really help.

I will try to find a tutorial later and post it here.

Silent77
Sun 14 May 2006, 09:12 pm GMT +0300
ok sounds good

olaf
Mon 15 May 2006, 12:28 pm GMT +0300
check this example:

http://css.maxdesign.com.au/listamatic2/horizontal04.htm Visit through proxy

Silent77
Mon 15 May 2006, 11:02 pm GMT +0300
Hmm that would work but how would i make the second line go horizontally instead of vertically?

olaf
Mon 15 May 2006, 11:19 pm GMT +0300
Hmm that would work but how would i make the second line go horizontally instead of vertically?
try some of these other tutorials on that site (there are much more)

jessephrenic
Fri 2 June 2006, 03:33 pm GMT +0300
This a really a CSS question.. to make the list display horizontally, you'll want to add "float: left" to the style of the list items. So change:

Code:
ul#subnavlist li { float: none; }

to:

Code:
ul#subnavlist li { float: left; }

You'll probably want to change more CSS to get things looking the way you want. All the best!

Nikolas
Fri 2 June 2006, 03:36 pm GMT +0300
Wow I am impressed.

Jesse you are the first person who does his first post to help someone (and not to ask for help or spam the forum :) )

Thanks and welcome to our community. Hope you will enjoy your stay here :)

olaf
Fri 2 June 2006, 03:37 pm GMT +0300
yes, and he was right, the thread is complete about CSS :)

Edit: Welcome Jesse!

jessephrenic
Fri 2 June 2006, 03:40 pm GMT +0300
Thanks guys! I guess it's just in my nature to help :)

I'm just starting to freelance so I'm sure I'll have all sorts of non-technical questions soon too..

olaf
Fri 2 June 2006, 03:41 pm GMT +0300
Thanks guys! I guess it's just in my nature to help :)

I'm just starting to freelance so I'm sure I'll have all sorts of non-technical questions soon too..
you may ask technical things too ;)

Nikolas
Fri 2 June 2006, 03:43 pm GMT +0300
BTW I just saw your site with the javascript tutorials.

You may want to post some of them in the code gallery Visit through proxy and help the community this way (and get a back link to your site for every tut you post ;) )

jessephrenic
Fri 2 June 2006, 04:05 pm GMT +0300
I just posted my Ajax Introduction tutorial. I screwed up the list markup at the end with the links. It'd be cool if there were a way to preview and/or edit tutorials.

Anyway, here's the Ajax tutorial: http://www.webdigity.com/index.php?action=tutorial;code=19 Visit through proxy

olaf
Fri 2 June 2006, 04:39 pm GMT +0300
Jesse, this is a nice tutorial!

The preview / edit function is on the development list.
check this thread:
http://www.webdigity.com/index.php/topic,2643.0.Code+library+added.html Visit through proxy

Archive for SMF v1.00 by N.P. Valid XHTML 1.0 Transitional