HELP with css!! - Overclock.net

mojoopo · 08-11-09

i have an image that i put on the front page of my website, i already div tagged it and it displays exactly how and where i want it but i want to make it so that when you click on this image it will go to a specified link is it possible to do that in the css file here is the code so far:

Code:

#play{
    position:absolute;
    left:875px;
    top:25px;
    margin-right: 20px;
    margin-top: 20px;
    height: 150px;
    width: 150px;
    background-image: url(images/play.PNG);
}

Slider46 · 08-13-09

You would have to make an image button I believe. Then make the navigate URL whatever you want. Then you should be able to edit the button tag to use the "#play" class and that should transfer the formatting to the image button.

...I think

mojoopo · 08-13-09

i figured it out this is what i did in the source file only and it worked perfectly:

Code:

<div id="play"><a href="http://sc3.soundcast.pl:8232/listen.pls"><img src="images/play.png" width="150" height="150" border="0" /></a></div>

OpticWaves · 08-18-09

You couldn't link it before because it was the background image. Make sure you use good descriptive alt tags with keywords (where appropriate) in the code for SEO purposes.

Madman340 · 08-18-09

Quote:

Originally Posted by OpticWaves

You couldn't link it before because it was the background image. Make sure you use good descriptive alt tags with keywords (where appropriate) in the code for SEO purposes.

Actually, that would still work, all you would have to do is designate the DIV tag as the link instead of the image.

OpticWaves · 08-18-09

Quote:

Originally Posted by Madman340

Actually, that would still work, all you would have to do is designate the DIV tag as the link instead of the image.

That's tricky. I never even thought to try that . . .

I like it though for reducing the code. BUT, what about the keyword rich image alt tags? They would not be on the page, just the link anchor text.

Madman340 · 08-18-09

Well it's not really for random images, more for logos/footer images that don't really supply any potential SEO. I say logos because chances are your website name will already be #1 as long as it isn't a keyword based name.

		Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
HELP with css!!

08-18-09	#7 (permalink)
Madman340 Console Gamer Join Date: May 2008 Posts: 409 Rep: 12 Unique Rep: 11 Trader Rating: 0	Well it's not really for random images, more for logos/footer images that don't really supply any potential SEO. I say logos because chances are your website name will already be #1 as long as it isn't a keyword based name.

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