Webmaster Forum


Go Back   Webmaster Forum > Web Development > Graphic Design Forum
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Graphic Design Forum Be creative. Be original. Show us what you got. Constructive criticism only

Sponsored Reviews   ClickBooth Network   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 01-25-2008, 04:15 AM   #1 (permalink)
Junior Member
 
Join Date: 01-25-08
Posts: 3
iTrader: 0 / 0%
Latest Blog:
None

Chaky is liked by many
Overlapping image links

How does one create links similar to those on the following site (bottom right):

http://www.nycgarbage.com/press.html

What I’m looking for is having image links, but allowing them to overlap when rolled over as seen in that link. Is it hard to do? I was thinking having each image in a separate layer.

_________________
Find Hp ink cartridge at LowerPriceUSA.com best credit card bad credit
Chaky is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 01-25-2008, 06:58 AM   #2 (permalink)
Contributing Member
 
superboysahil's Avatar
 
Join Date: 06-13-07
Location: A lone planet called earth
Posts: 367
iTrader: 0 / 0%
superboysahil is liked by many
Send a message via Yahoo to superboysahil
i think this may help
http://www.marktiarra.com/photoshop/...p_lesson6.html
or
http://versatilecreations.blogspot.c...gned%20in%20PS

its called slicing
__________________
Join The Team
If u give me 10$ then i'll take it!
superboysahil is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-13-2008, 05:58 PM   #3 (permalink)
Contributing Member
 
prabinpebam's Avatar
 
Join Date: 04-13-08
Location: Bangalore, India
Posts: 89
iTrader: 0 / 0%
Latest Blog:
Custom Writing!!

prabinpebam is liked by many
Send a message via ICQ to prabinpebam Send a message via AIM to prabinpebam Send a message via Yahoo to prabinpebam
Have u tried checking the source code of the site whose link u've given for reference?
Layer is definitely a very good option but if u want to produce a similar effect like the one in the website, u'll need gif images with transparent background and gif can't give smooth edges wen maded transparent.
The best way is the method adopted in the site u've given as example. Place all the images by slicing them first. Now wen u hover your mouse on one particular button, not just the image on which u hover has to change, but also all other adjacent images which needs to be changes must also change. Now the source code as to how to achieve that can be easily seen from the site u've referred to.
prabinpebam is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Graphic Design Forum

Reply



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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Need help with absolute position overlapping divs devilzfan300 Coding Forum 8 11-22-2007 09:28 AM
Google AdSense: Text links / Image links sniperhiga Google Forum 8 07-25-2007 09:59 AM
Image overlapping a table? tresmom Coding Forum 3 07-11-2007 07:44 PM
Help! Text overlapping txlogopros Web Design Lobby 1 11-28-2006 02:40 PM
Can google use image links? Jason Google Forum 3 02-21-2005 07:16 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


All times are GMT -7. The time now is 07:58 PM.
© Copyright 2008 V7 Inc