Floating link/hyperlink in frontpage?

This is a discussion on "Floating link/hyperlink in frontpage?" within the Web Page Design section. This forum, and the thread "Floating link/hyperlink in frontpage? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 13th, 2006, 01:37
Junior Member
Join Date: Dec 2005
Age: 24
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Floating link/hyperlink in frontpage?

I have seen this before in a template, but I have no idea how to do this

What I want to do is place a link (for arguments sake) at the bottom of the bottom

See link bella.marksdocs.com

As you can tell, I cant select the image, because it all the one image and I only want to link one part of it.

When I saw this before, it was like a floating clear box and you could stretch it out to cover as much of the graphic as you wish.

Does anyone know how to do this.

Cheeers
Reply With Quote

  #2 (permalink)  
Old Oct 13th, 2006, 13:27
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,608
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: Floating link/hyperlink in frontpage?

place the image in a div and then position another div as a link item over the part of the image you want it to be at.
__________________
I've got <style> and .class
Reply With Quote
  #3 (permalink)  
Old Oct 13th, 2006, 16:11
Junior Member
Join Date: Dec 2005
Age: 24
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Floating link/hyperlink in frontpage?

Cheers for the info

I am a basic user, so now to sure what you mean. was in photoshop to divide and make links, but that did not work, the image is a jpeg, does it need to be another format for it to work?
Reply With Quote
  #4 (permalink)  
Old Oct 13th, 2006, 16:23
moojoo's Avatar
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,608
Thanks: 0
Thanked 6 Times in 6 Posts
Send a message via AIM to moojoo Send a message via MSN to moojoo Send a message via Yahoo to moojoo
Re: Floating link/hyperlink in frontpage?

The format is irrelevant. What I got from your first post is that you have an image and you want just a portion of that image to be a link. The simplest way to do that would be something like this say your image was 200px by 200px:

#foo {
width:200px;
height:200px;
background:url("foo.jpg") top left no-repeat;
}

#foo a {
width:200px;
height:50px;
display:block;
text-decoration:none;
}

<div id="foo">
<a href="" title="">&nbsp;</a>
</div>

That would make a 200px wide by 50px tall link area at the top of the image. Make sense?
Attached Images
File Type: jpg blah.jpg (3.5 KB, 59 views)
__________________
I've got <style> and .class
Reply With Quote
  #5 (permalink)  
Old Oct 13th, 2006, 17:55
Junior Member
Join Date: Dec 2005
Age: 24
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Floating link/hyperlink in frontpage?

Cheers, that fab, thanks for your help
Reply With Quote
Reply

Tags
hyperlink

Thread Tools

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

BB 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
Frontpage 2003 snake Starting Out 4 Apr 21st, 2008 17:35
Does anyone knows how to use frontpage... renren Web Page Design 16 Apr 24th, 2007 16:58
Questions about frontpage linn Starting Out 18 Jan 26th, 2007 14:50
Microsoft Frontpage Help Mike63 Scripts and Online Services 5 Sep 7th, 2006 08:16


All times are GMT. The time now is 04:44.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43