Image Links - please help
There are thousands of neat looking header image tutorials ect online and i'm ok with photoshop and do have dreamweaver.
My problem is most of these tutorials make multiple images as buttons, how are they makeing each different button a link if it's just one image ?
Here is an example of a tutorial for a nav bar that id like to make
http://pscloud.com/web-design/apple-navigation-bar/
You'll see it's made as an image, how on earth do i make it as they have shown and make each link a seperate link ?.
Your help would be greatly appreciated
Please use laymans
Kind regards Debs x
JeevesBond posted this at 21:21 — 14th November 2007.
He has: 3,956 posts
Joined: Jun 2002
They're using CSS backgrounds. Best way to see how a site is doing something is with Firefox and Firebug (it's also a great way to debug your own sites). Just open it up, enable Firebug, then click inspect and mouse-over one of those menu items. It'll show you the CSS they used to get that effect.
Are you familiar with CSS at all?
a Padded Cell our articles site!
D@K$! posted this at 21:41 — 14th November 2007.
They have: 14 posts
Joined: Jan 2007
Thank you Jeeves..
I have used basic css for fonts and rollover text links but never to construct an image like the one shown in the tutorial i posted.
The whole thing is made in photoshop so i have to confess to still being not much the wiser.
Thank you for replying
D@K$! posted this at 21:46 — 14th November 2007.
They have: 14 posts
Joined: Jan 2007
Am downloading firebug now ....thank you for the tip ...
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.