/    Sign up×
Community /Pin to ProfileBookmark

Transparent Hyperlinks

How do I code a hyperlink covering a [U]whole[/U] table cell without using an image, so the part of the background image where the cell is remains visible, please?

to post a comment
HTML

9 Comments(s)

Copy linkTweet thisAlerts:
@The_Little_GuyJan 08.2006 — So, are you searching for a way to make a gradient that for example starts black, then fades to whatever your background is, say blue?
Copy linkTweet thisAlerts:
@JBJBauthorJan 08.2006 — So, are you searching for a way to make a gradient that for example starts black, then fades to whatever your background is, say blue?[/QUOTE]


No. I have a highly multicolored background, which it is vital to retain intact.

In the middle of this background I have placed the (large) single word that forms my dotcom name; which naturally I want to link, but leaving the name fully visible. So I have positioned a table cell right over the word - now I want the transparent table cell to act as a link medium. I must explain that this background is obviously not being used on the dotcom site itself, but on related emails. I would prefer the usual hyperlink border not to appear, but the HTML in Outlook Express does not seem to recognise "border=0" in the cellcode, whereas Internet Explorer does. I have a 1130-page HTML manual, but I can't find how to have a transparent table cell as a link. Maybe it can't be done.

I spent most of yesterday creating a cell-sized overlay image with exactly the same portion of background in it, and used it in the cell as a link. The link worked fine, but the color edge matching around the border was a nightmare; and in the end I gave up.
Copy linkTweet thisAlerts:
@ray326Jan 08.2006 — Have you tried [B]display:block;[/B] on the anchor you've got in the cell?
Copy linkTweet thisAlerts:
@JBJBauthorJan 08.2006 — No. Can you tell me exactly where to put it?
Copy linkTweet thisAlerts:
@ray326Jan 08.2006 — Since the page sounds extremely simple,

<td><a href="xxx" style="display:block">Click Me</a></td>

Of course that's an incorrect use of a table but that's another discussion.
Copy linkTweet thisAlerts:
@JBJBauthorJan 08.2006 — No go. Here is how the OE editor re-arranged the wording:

<TR>

<TD vAlign=top width=295 height=145></TD>

<TD width=410 height=145><A style="DISPLAY: block"

href="http://www.microsoft.com">Click Me</A></TD>

<TD vAlign=top width=275 height=145></TD></TR>

The link only functioned on the words "Click Me", not on the whole cell - and, of course, words are the very things I [B]don't[/B] want appearing. If you know of a way of substituting "Click Me" with "<block width=410 height=145>" then we might get somewhere. Thanks anyway.
Copy linkTweet thisAlerts:
@CytaelJan 08.2006 — <td onClick="window.open('http://www.website.com');"><img src="foo"></td>

though that requires the user have JavaScript enabled, of course
Copy linkTweet thisAlerts:
@ray326Jan 09.2006 — What does Outlook Express have to do with this?
Copy linkTweet thisAlerts:
@JBJBauthorJan 09.2006 — What does Outlook Express have to do with this?[/QUOTE]

The HTML facility in OE is being used by me to produce emails that contain the background and the link that we are talking about. It seems to be less versatile than IE's HTML.
×

Success!

Help @JBJB spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...