Text Links in Boxes

If I place text in a box with padding and assign a background image to the box is it possible to make the whole box a link and not just the text?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You have to apply the padding to the link, not the box, or else it
won’t all be clickable. The padding becomes “part” of the link, so as
big as you want the box to become, that’s how much padding you should
add to the link (and not to the box).

Walter

On Jul 23, 2009, at 9:57 AM, ralfy wrote:

If I place text in a box with padding and assign a background image
to the box is it possible to make the whole box a link and not just
the text?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good morning Remco,
I’ve send you an example FW document yesterday, but for those who a curious for the results of how I did this :
http://www.valveco.com/products/jis+din/

This is used at several productportals within the website. Every box has a specific name, like row1box1, row1box2, and so on. So I target each box via CSS by creating a:link and a:hover instances for each box like this : #row1box1 a:link { … }

Look at the stylesheet for the whole shabam:
http://www.valveco.com/css/screen_v2.css

Good luck!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m allmost forgetting this :
Afterwards you have to switch styles around. By that I mean putting the hover state behind the link state :
First : the a:link declaration, then the a:hover declaration.

Freeway lacks the possibility to order the styles in your stylesheet, like CSSEdit does.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options