need some help with css dropdown menu

Tech questions of any kind can be asked here.
Forum rules
Forum Specific Rules
So you got questions about audio/video? Wanna know how to rip a digital stream? Make an X/S/VCD to play on your DVD player? Maybe rip a video from VHS or TV? Find the answers here.
User avatar
no leaf clover
Stone Cold Poster
Posts: 5350
Joined: Tue Feb 19, 2008 5:12 pm
Location: Hellway
Country: Netherlands

need some help with css dropdown menu

Post by no leaf clover »

Hello everyone,

I'm working on the website for my band, Out of line and I need some help with a dropdown menu.

I want the same menu as on Metallica.com, check it out here: http://www.metallica.com

If you look here: http://www.outoflinehc.nl/news.php you see how far I have come.

Here's my css file: http://www.outoflinehc.nl/outoflinestyle.css

What I want to get done is that the background continues along the entire width of the menu not only behind the links in the dropdown menu and I want the links to be grey when you hover over them with your mouse.

For some reason I can't get those 2 things done.

Hope somebody has suggestions or can fix it for me and show me how that's done.
User avatar
deadone
That Was Just Your Thousandth Post
Posts: 1740
Joined: Tue Jul 31, 2007 11:23 pm
Location: corby northamtonshire UK
Country: United Kingdom

Re: need some help with css dropdown menu

Post by deadone »

dont know much about css but i did come across this which might help for your links when you hover. if you want to use rollovers then here is a simple yet effective guide how to do that
http://www.pmob.co.uk/pob/rollovers.htm

hope it helps a little.

ps: how about a flash menu in the same kind of style.
i could maybe see what i can come up with to match.. all i need is the font you used for the main text if you want to keep ot that way

Mick
User avatar
MetDream
Stone Cold Poster
Posts: 6281
Joined: Fri Jan 28, 2005 2:31 am
Location: Ballston Lake, New York
Country: United States

Re: need some help with css dropdown menu

Post by MetDream »

Email Justin aka frantik2k3 at frantik2k3@metpage.org with a link to this thread or with the info in your 1st post. He is a web site designer and helped us out with a lot of stuff when we built V6.
Image
User avatar
no leaf clover
Stone Cold Poster
Posts: 5350
Joined: Tue Feb 19, 2008 5:12 pm
Location: Hellway
Country: Netherlands

Re: need some help with css dropdown menu

Post by no leaf clover »

I thought of the possibility to make a flash menu in the same style but I'm a complete geek or dork with flash.
I only can make a simple movie with flash.

Although I would like to learn to work with flash because I love webdesign.

I also downloaded a template of a horizontal lineair dropdown menu and reworked it, now my menu look likes this:
http://www.outoflinehc.nl/news2.php it still not how I want it to be.

The template uses 3 css files for the menu, in my opinion it can be less complicated.

The dropdowns should be under band and under media, but you can see they aren't.
The dropdown under band fits but when I try to adjust the dropdown under media with the margin declaration everything changes.
Also the dropdown under band.

The font I used for the menu is called 'faith collapsing' and can be found here: http://www.dafont.com/theme.php?cat=401
The menu is 770 px width and has a height of 30 px.

The menu buttons are images I made with photoshop.
User avatar
no leaf clover
Stone Cold Poster
Posts: 5350
Joined: Tue Feb 19, 2008 5:12 pm
Location: Hellway
Country: Netherlands

Re: need some help with css dropdown menu

Post by no leaf clover »

Hey Mick,

I wil try to make a menu myself, but if you could give it a shot in flash that would be great!

I would like the menu to pop up above the main menu just like on Metallica.com instead of under the main menu.

Many thanks in advance for your help!
It's appreciated!
User avatar
deadone
That Was Just Your Thousandth Post
Posts: 1740
Joined: Tue Jul 31, 2007 11:23 pm
Location: corby northamtonshire UK
Country: United Kingdom

Re: need some help with css dropdown menu

Post by deadone »

hi.
tried a simple menu for ya.
cant seem to get the custom font to show up correct but here is what i did
http://www.deadonetrading.com/NO%20LEAF ... 1/Menu.htm

Mick
User avatar
no leaf clover
Stone Cold Poster
Posts: 5350
Joined: Tue Feb 19, 2008 5:12 pm
Location: Hellway
Country: Netherlands

Re: need some help with css dropdown menu

Post by no leaf clover »

Hey Mick,

You're fast! It's just not quite what I had in mind although it looks great!
I want exactly the same menu as Metallica.com (the dropdown style with the shine through background combined with the main menu with the medieval font as it is now)

I will give it a try in flash this weekend.

Thanks for your efforts man, I really appreciate it. Especially on your birthday!
User avatar
deadone
That Was Just Your Thousandth Post
Posts: 1740
Joined: Tue Jul 31, 2007 11:23 pm
Location: corby northamtonshire UK
Country: United Kingdom

Re: need some help with css dropdown menu

Post by deadone »

hi buddy its no problem, i see what you mean regarding the met.com menu, i tried to get it that way but it was going mental on me. thus the one i came up with.

o well no harm done, thought i would give it a shot :)

Mick
User avatar
no leaf clover
Stone Cold Poster
Posts: 5350
Joined: Tue Feb 19, 2008 5:12 pm
Location: Hellway
Country: Netherlands

Re: need some help with css dropdown menu

Post by no leaf clover »

Hey Mick,

I'm glad it's not a problem for you. I feel kinda guilty because I have to say I didn't like it enough about something someone else made for me.
Know what I mean?

But again I really appreciate you trying to help me.

For some reason I totally love that met.com menu and I really want to have it on the website of my band.

By the way, what did you think of the website of my band?
Any suggestions or criticism?

Cheers,

Sebastiaan
User avatar
deadone
That Was Just Your Thousandth Post
Posts: 1740
Joined: Tue Jul 31, 2007 11:23 pm
Location: corby northamtonshire UK
Country: United Kingdom

Re: need some help with css dropdown menu

Post by deadone »

yeah its cool buddy, i know exactly what you mean when you say its not what you were after. we all have our own different styles so i can understand that.

as for the site itself i looks pretty cool.
seems everything about the band and members is all there and easy to read so looks great from me.
later on im gonna dl a few of the songs as well and check em out.


ps: only thing i can think is the light gray background on main content. im thinking it should be a little darker to match.
maybe change the light gray section colour to match the background of the drop down menu.
as in when you hover over band change light gray to that colour.

Mick :)