FORUMS: list search recent posts

CSS - HTML containers

COW Forums : Web Design

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Jeff KelleyCSS - HTML containers
by on May 19, 2008 at 9:44:55 pm

I've got something I can not figure ot and I think it might be because my logic is all screwed up. Keep in mind that I'm still learning all this stuff.

Is it possible to have a whole contianer on a CSS designed webpage to be a link?

Ok, I've make my whole website my using blocks of containers such as

#blocka
{
position: relative;
width: 300px;
height: 200px;
text-align: center;
background-image: url('images/a50.gif');
color: #A8A88D;
padding: 0px 20px 0px 5px;
}

And I'd like the graphic a50.gif to be hyperlink.
Should I not use a background-image and put the image in the html part of the webpage and then make it a Hyperlink?

Thanks
Jeff




Return to posts index

Curtis ThompsonRe: CSS - HTML containers
by on May 19, 2008 at 9:56:50 pm

hello...

[Jeff Kelley] "Should I not use a background-image and put the image in the html part of the webpage and then make it a Hyperlink? "

either that or you can do an onclick action for the element (using span as an example):

[span class="blocka" onclick="self.location.href='[URL]'"][/span]

sitruc





Return to posts index

Jeff KelleyRe: CSS - HTML containers
by on May 19, 2008 at 10:03:29 pm

Thanks Curtis, I'll give this a try. Going from using GoLive to doing all the coding by hand and it's making my head hurt. Yet there is progress.

Expect a lot of dumb questions as a get into this more.

Thanks again!





Return to posts index


Sapphire ParkerRe: CSS - HTML containers
by on Aug 6, 2008 at 2:11:43 pm

#blocka
{
position: relative;
width: 300px;
height: 200px;
text-align: center;
background-image: url('images/a50.gif');
color: #A8A88D;
padding: 0px 20px 0px 5px;
}

[span class="blocka" onclick="self.location.href='[URL]'"][/span]



Cheers,

SP
http://www.videoediting-direct.co.uk


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
© 2017 CreativeCOW.net All Rights Reserved
[TOP]