DIV Help?, I need help with a DIV layout I have designed |
![]() ![]() |
DIV Help?, I need help with a DIV layout I have designed |
Jul 15 2008, 05:00 PM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Jul 2008 Member No: 667,857 |
Okay, so, I know how to add content to the areas that need content and everything else listed under this topic
http://www.createblog.com/forums/index.php?showtopic=142922 but... I need to know how to make image links work. Here is the image of my layout. http://i37.tinypic.com/24dknjc.jpg I can add content and w/e I want to it, but I need a way for the Home, Message, Comment, Etc. to work. Would I need to slice the image in photoshop, then use all the images as a source. I have adobe photoshop and dreamweaver both cs3, BUT, I never got the concept of dreamweaver, neither have I found any tutorials. Please help me. |
|
|
|
Jul 15 2008, 05:04 PM
Post
#2
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 2,435 Joined: Feb 2007 Member No: 506,205 |
You can use an image map. I think that will do what you're looking to do. I wrote a really crappy tutorial on it that might help:
http://www.atomicaffliction.com/coding8.php You don't have to use that site listed on there. You can find the coords by rolling over the points in the image in Photoshop and looking in the bottom corner. |
|
|
|
Jul 15 2008, 05:31 PM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
Moved to Myspace Support
|
|
|
|
Jul 18 2008, 06:22 PM
Post
#4
|
|
|
the name's mario ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 1,270 Joined: Jun 2008 Member No: 656,520 |
since you have dreamweaver use dreamweaver's hotspot just open your image, click on it and the preferences bar should look like this
and then click on the little turqoise rectangle ![]() and highlight the area where you want the link Here's a more detailed tutorial: Click Here just skip all the BS and go to step #1 |
|
|
|
![]() ![]() |