link tag width click

[ernie]

If i have a link,
<a href="some url">click this</a>

I realize you have to click somewhere on 'click this' for the link to work.

Is there any way to make the tag wider, or to put it
into a wider container, and have the link work if you click
to the left or right of 'click this' as well?

thanks.

 

[Jukka K. Korpela]

If i have a link,
<a href="some url">click this</a>

That's very stupid; see
http://www.cs.tut.fi/~jkorpela/www/click.html

I realize you have to click somewhere on 'click this' for the link to
work.

Well, maybe. So how does it work if you use e.g. a speech browser in "links
reading mode" and you only hear "click this" upon arriving this link?

Is there any way to make the tag wider, or to put it
into a wider container, and have the link work if you click
to the left or right of 'click this' as well?

Yes. (For example, <a href="..." style="width:1000em">.) But instead of
doing that, remove the problem by using a useful link text (and by not
doing anything silly to reduce font size).

 

[Jonathan N. Little]

If i have a link,
<a href="some url">click this</a>

I realize you have to click somewhere on 'click this' for the link to work.

Is there any way to make the tag wider, or to put it
into a wider container, and have the link work if you click
to the left or right of 'click this' as well?

thanks.

depends on what you wish

a { display: block; width: 200px; }

or

a { padding-left: 2em; padding-right: 2em; }

would suggest some border or background treatment to give the visitor
some indication of the links zone...

 

[ernie]

depends on what you wish

a { display: block; width: 200px; }

or

a { padding-left: 2em; padding-right: 2em; }

would suggest some border or background treatment to give the visitor some
indication of the links zone...

The width works in ie but firefox seems to ignore it.
Any idea how to make it work in firefox?

 

[Jonathan N. Little]

ernie wrote:

The width works in ie but firefox seems to ignore it.
Any idea how to make it work in firefox?

Works with mine! Did you specifiy the link to display as a block element?

Now the padding option DOES NOT work with MSIE < v5.5 and NN4.x

 

[Jonathan N. Little]

That's very stupid; see
http://www.cs.tut.fi/~jkorpela/www/click.html

<snip>

Actually I think he was using pseudo code like '<img
src="someimage.jpg">' or 'class="someclass"' I don't think in the
instance he was going to specify 'click this' as his link text.

 

[Jukka K. Korpela]

I don't think in the
instance he was going to specify 'click this' as his link text.

You don't, do you? What he actually wrote as link text in the example
was "click this", and we can see lots of such nonsense on the net.

Besides, as I indicated, the problem of too small (for clicking) a link
text usually vanishes in a puff of logic, when you use a descriptive link
text.

 

[=?ISO-8859-1?Q?G=E9rard_Talbot?=]

Jonathan N. Little a écrit :

depends on what you wish

a { display: block; width: 200px; }

or

a { padding-left: 2em; padding-right: 2em; }

I agree and support this padding solution. I would also put a border
around so that the clickable area is visually noticeable. I would also
put a vertical-padding.

a:link {padding: 16px;}

is actually what I use in my own website.

would suggest some border or background treatment to give the visitor
some indication of the links zone...

Exactly!

Gérard