Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 05-28-2006, 01:43 PM   #1
BSOD
 
King of Kings's Avatar
 
Join Date: Mar 2006
Posts: 1,072
Default link on a picture

How do I get a link on a picture?
__________________

King of Kings is offline   Reply With Quote
Old 05-28-2006, 01:57 PM   #2
Daemon Poster
 
geek_gal's Avatar
 
Join Date: Jun 2005
Posts: 1,245
Send a message via MSN to geek_gal Send a message via Yahoo to geek_gal
Default Re: link on a picture

Wasnt it easy?

Something like

[IMG] then put the URL here ?? [/IMG]

Like if you had a Sig and when you put your mouse on the picture, click and it takes you to the site? Yeah is that what you mean?

Coz i would like to no if thats right aswell i need to no too =P
__________________

__________________
Am2 AMD 64 X2 3600+, 1G Ram DDR,
[[*Need a new Gfx Card & 1 more Ram stick// 1GB*]]
Sony Avatar's!
geek_gal is offline   Reply With Quote
Old 05-28-2006, 02:03 PM   #3
In Runtime
 
Luiz396's Avatar
 
Join Date: Jul 2005
Posts: 239
Send a message via MSN to Luiz396
Default Re: link on a picture

It's easy, you just do it the same way you do it with letters, you just have to put the image code between the link code, like this:

<a href="www.computerforums.org"><img src"http://www58.hattrick.org/common/images/banners/fh_banner_468_1.gif"></a>
__________________
Don't go where the path may lead. Go instead where there is no path and leave a trail.

Soy Dominicano!!
Luiz396 is offline   Reply With Quote
Old 05-28-2006, 02:17 PM   #4
BSOD
 
King of Kings's Avatar
 
Join Date: Mar 2006
Posts: 1,072
Default Re: link on a picture

No you guys dont get what im saying.
http://geekers.tk/
^^look at the site header. It has two links on it. Thats what im wondering how to do
King of Kings is offline   Reply With Quote
Old 05-28-2006, 02:20 PM   #5
BSOD
 
MSFanBoy's Avatar
 
Join Date: May 2006
Posts: 190
Default Re: link on a picture

On an image? You need to use either tables...or div tags with css...which is another language you will need to know before you go onto php.
MSFanBoy is offline   Reply With Quote
Old 05-28-2006, 02:24 PM   #6
BSOD
 
King of Kings's Avatar
 
Join Date: Mar 2006
Posts: 1,072
Default Re: link on a picture

uugggggggggggggggggggggggggg
King of Kings is offline   Reply With Quote
Old 05-29-2006, 05:08 AM   #7
Site Team
 
root's Avatar
 
Join Date: Mar 2004
Posts: 8,004
Default Re: link on a picture

the two links in the banner (home and forums) are just simple text links that are positioned in the center of the page, under the header picture, they have nothing to do with the picture. other than being under it.
__________________
I didn’t fight my way to the top of the food chain to be a vegetarian…
Im sick of people saying 'dont waste paper'. If trees wanted to live, they'd all carry guns.
"The inherent vice of capitalism is the unequal sharing of blessings; The inherent vice of socialism is the equal sharing of miseries."
root is offline   Reply With Quote
Old 05-29-2006, 06:07 AM   #8
BSOD
 
MSFanBoy's Avatar
 
Join Date: May 2006
Posts: 190
Default Re: link on a picture

I probably would've known that...but I can't view .tk websites for some reason So I had to go what they were describing it as...and it sounded like text over an image.
MSFanBoy is offline   Reply With Quote
Old 05-30-2006, 04:56 PM   #9
Baseband Member
 
itturnstoashes's Avatar
 
Join Date: May 2006
Posts: 39
Send a message via MSN to itturnstoashes
Default Re: link on a picture

Yeah, it's basically all done with CSS.

Code:
<style type="text/css">

.whitetext12{visibility:hidden;}
.lightbluetext8{visibility:hidden;}


body{background-color:000000;}
table,tr,td{background-color:transparent;border:0px;}
a img{border:0px;}
font{visibility:hidden;}
font a.navbar{visibility:visible;}
body div table table{position:absolute;
left:50%;
top:0px;
margin-left:-400px;
z-index:4;}
.back{position:absolute;
background-color:000000;
background-image:url(http://photobucket.com/albums/a191/vennomrk/v2/Ryan.jpg);
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
top:120px;
left:50%;
margin-left:-400px;
width:800px;
height:556px;
z-index:2;}
.topleft{position:absolute;
top:260px;
left:50%;
margin-left:-315px;
width:150px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomleft1{position:absolute;
top:520px;
left:50%;
margin-left:-335px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomleft2{position:absolute;
top:520px;
left:50%;
margin-left:-235px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}
.topright{position:absolute;
top:260px;
left:50%;
margin-left:162px;
width:150px;
height:130px;
z-index:3;
border:0px red solid;}
.bottomright{position:absolute;
top:530px;
left:50%;
margin-left:162px;
width:80px;
height:130px;
z-index:3;
border:0px red solid;}

a.navbar,
a.navbar:link,
a.navbar:visited,
a.navbar:active,
a.navbar:hover{color:ffffff;}
a:link,
a:visited,
a:active{color: 000000;font-family:arial, verdana, tahoma, sans-serif;font-size:10px;text-decoration:none;}
a span{display:none;}
a:hover span {display: block;
position: absolute; top: -186px; left: 167px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;} 
a.new:link,
a.new:visited,
a.new:active{color: 000000;font-family:arial, verdana, tahoma, sans-serif;font-size:10px;text-decoration:none;}
a.new span{display:none;}
a.new:hover span {display: block;
position: absolute; top: -186px; left: 67px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;} 

* html a:hover span {display: block;
position: absolute; top: -187px; left: 165px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;} 

* html a.new:hover span {display: block;
position: absolute; top: -187px; left: 65px; width: 225px;
padding: 5px; margin: 10px; z-index: 5;
color: white; background-color:transparent;filter:none;
font-size: 10px;font-family: arial, verdana, tahoma, sans-serif; text-align: center;text-decoration:none;} 
</style>
PS. Myspace isn't the best place to learn about all this stuff. Try regular design sites.
itturnstoashes is offline   Reply With Quote
Old 05-31-2006, 10:38 AM   #10
Site Team
 
root's Avatar
 
Join Date: Mar 2004
Posts: 8,004
Default Re: link on a picture

you can get text on top of a picture by positioning the text using CSS.

like so
Code:
<style>
#one {

}
#two {
position: relative;
left: 130px;
top: -50px;
} 
</style>

<div id="one">
<img src="http://www.google.co.uk/images/hp0.gif">
<img src="http://www.google.co.uk/images/hp1.gif">
<img src="http://www.google.co.uk/images/hp2.gif">
</div>
<div id="two"><A href="test.html"><strong>test sentance or link</A></strong></div>
King of kings, I was going to reply to your PM, but I accidentally deleted it and have since forgotten what you said, anychance you could re-send it?
__________________

__________________
I didn’t fight my way to the top of the food chain to be a vegetarian…
Im sick of people saying 'dont waste paper'. If trees wanted to live, they'd all carry guns.
"The inherent vice of capitalism is the unequal sharing of blessings; The inherent vice of socialism is the equal sharing of miseries."
root is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
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

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



All times are GMT -5. The time now is 01:45 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0