Easy peasy. You have the perfect layout to make this trick work
effectively. And you won’t need to change much. Your rollover effects
can be done entirely in CSS if you do this, since IE will respect
a :hover selector on an A, and not on anything else even though it’s
valid according to the W3C.
Make sure that your TD is set to have no padding. Ditto for the P
inside it. Then add padding to your A tag to make it have a shape,
and set the A tag to display:block.
So right now you have td class=“box”. Edit the box style to have
padding: 0. Then make some additional styles:
td.box p { margin: 0; padding: 0 }
td.box p a {
display: block;
padding: 6px 4px 6px 20px;
background: #d9f1ff url(Resources/bullet_image.gif) no-repeat left
center;
margin: 0
}
td.box p a:hover { background-color: $cf0 }
Make sure that your link text has no styling applied to it at all. It
won’t look nice in Freeway, but it will work in a browser.
Now in looking at your code, I see something alarming. There is a
complete page-within-a-page going on here. There is one complete page
wrapping around another complete page, with HEAD, BODY, etc.
Are you using some sort of template system here? Because your
inserted fragment needs to be cut down to be only the CONTENTS of the
BODY tag, not the entire head and body tags along with the content.
Your page is not valid, and won’t display correctly in browsers that
care about that sort of thing.
Walter
On Mar 3, 2008, at 11:58 AM, hugh wrote:
[quote] Make the link inside the td expand to fill all available
space.[/quote]
How would you do that?..
Bear in mind that there are other javascript events associated with
this cell, i.e. onMouseover and onMouseout.
http://www.conformance.info/cn - the obvious coloured table rows.
Hugh
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