Web Design Forums

Clixxx · 19-09-2005, 03:26

I like the navigation on the following site. I know it is in flash but i am wondering if there is a way to do this in CSS?

www.stylemysite.co.uk

pgo · 19-09-2005, 03:32

Sure. You couldn't animate things per say, but you could add margins/padding to the hover effect to make links "move" when you hover over them.

I've done this before.

Clixxx · 19-09-2005, 03:34

I mean like, could you have it "hanging" over the edge of say a container, header or something of the sort?

pgo · 19-09-2005, 03:39

Ohhh. Sure. Maybe do a <div id="header"><ul>...nav...</ul></div> and then apply a big background image to the div with the "navigation" box as part of the image. Then just position the <ul> so it sits over that part of the image.

That'd be the simplest way. Either that or you could do a combination of background images to make the <ul> scalable. You'd probably have to use z-index for that. Might be able to do it with floats.

Clixxx · 19-09-2005, 03:42

Cheers, Thanks for the help.

pgo · 19-09-2005, 03:47

Naturally, you'll have to set specified widths for both the header container and the nav ul.

And you're welcome.

aspiramedia · 19-09-2005, 05:43

I'd go with the first solution. The z-index method may present some problems.

pgo · 19-09-2005, 05:45

Quote:

Originally Posted by aspiramedia

I'd go with the first solution. The z-index method may present some problems.

You're probably right. I just suggested method 2 - as it would be more flexible (which often, as you suggest, means 'problematic')

lucidcreations · 19-09-2005, 08:54

Isn't it amazing the amount of people who still think things can't be over lapped.

pgo · 19-09-2005, 08:57

You can overlap things!?

lucidcreations · 19-09-2005, 09:01

no, I was dreaming out loud.

pgo · 19-09-2005, 09:04

Why get my hopes up like that? You evil bastard.

19-09-2005, 03:26	#1 (permalink)
Clixxx O'Shea Join Date: Apr 2005 Posts: 21	CSS Problem I like the navigation on the following site. I know it is in flash but i am wondering if there is a way to do this in CSS? www.stylemysite.co.uk

19-09-2005, 08:54	#9 (permalink)
lucidcreations Part of the 3 out of 4 Join Date: Feb 2003 Location: cheshire Posts: 2,079	Isn't it amazing the amount of people who still think things can't be over lapped. __________________ Jase

19-09-2005, 09:01	#11 (permalink)
lucidcreations Part of the 3 out of 4 Join Date: Feb 2003 Location: cheshire Posts: 2,079	no, I was dreaming out loud. __________________ Jase

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

19-09-2005, 03:32	#2 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Sure. You couldn't animate things per say, but you could add margins/padding to the hover effect to make links "move" when you hover over them. I've done this before.

19-09-2005, 03:34	#3 (permalink)
Clixxx O'Shea Join Date: Apr 2005 Posts: 21	I mean like, could you have it "hanging" over the edge of say a container, header or something of the sort?

19-09-2005, 03:39	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Ohhh. Sure. Maybe do a <div id="header"><ul>...nav...</ul></div> and then apply a big background image to the div with the "navigation" box as part of the image. Then just position the <ul> so it sits over that part of the image. That'd be the simplest way. Either that or you could do a combination of background images to make the <ul> scalable. You'd probably have to use z-index for that. Might be able to do it with floats.

19-09-2005, 03:42	#5 (permalink)
Clixxx O'Shea Join Date: Apr 2005 Posts: 21	Cheers, Thanks for the help.

19-09-2005, 03:47	#6 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Naturally, you'll have to set specified widths for both the header container and the nav ul. And you're welcome.

19-09-2005, 05:43	#7 (permalink)
aspiramedia Unregistered user Join Date: Aug 2005 Posts: 312	I'd go with the first solution. The z-index method may present some problems.

19-09-2005, 08:57	#10 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	You can overlap things!?

19-09-2005, 09:04	#12 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Why get my hopes up like that? You evil bastard.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)