Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > a href area to enlarge

Reply
Thread Tools

a href area to enlarge

 
 
K.
Guest
Posts: n/a
 
      06-22-2007
Hello!

I have such tag:

<table>
<tr>
<td>
Link
</td>
<td>
<a href="www.123.com" style="style_a"> Link to page</a>
</td>
</tr>
</table>

Now active area for this tag is just on the "Link to page" text.
I would like to enlarge active area of "a" tag to let the user click a few
mm (milimeters)
below, above, on left, on right the "a" tag.

I used to do such thing using Maps tag, but I don`t want to use Maps.
Is it possible to do this using <a href> tag?

Thank you in advance
Marcin


 
Reply With Quote
 
 
 
 
Disco Octopus
Guest
Posts: n/a
 
      06-22-2007
K. wrote:
> Hello!
>
> I have such tag:
>
> <table>
> <tr>
> <td>
> Link
> </td>
> <td>
> <a href="www.123.com" style="style_a"> Link to page</a>
> </td>
> </tr>
> </table>
>
> Now active area for this tag is just on the "Link to page" text.
> I would like to enlarge active area of "a" tag to let the user click a few
> mm (milimeters)
> below, above, on left, on right the "a" tag.
>
> I used to do such thing using Maps tag, but I don`t want to use Maps.
> Is it possible to do this using <a href> tag?
>
> Thank you in advance
> Marcin
>
>

will this work for you?...

<a href="http://www.example.com"
style="display:block;padding:40px;">Link to page</a>



--
Disco Octopus
www.choicebeefjerky.com.au
 
Reply With Quote
 
 
 
 
K.
Guest
Posts: n/a
 
      06-22-2007
> <a href="http://www.example.com" style="display:block;padding:40px;">Link
> to page</a>


Thank you. It works but padding variable is not need

K.


 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-22-2007
In article <f5gh8p$ja0$>,
"K." <> wrote:

> > <a href="http://www.example.com" style="display:block;padding:40px;">Link
> > to page</a>

>
> Thank you. It works but padding variable is not need
>


If you don't have padding, what quite is the difference between
no style at all in the link and mere display: block for your
purpose? You delivering the padding from elsewhere?

--
dorayme
 
Reply With Quote
 
Ben C
Guest
Posts: n/a
 
      06-23-2007
On 2007-06-22, dorayme <> wrote:
> In article <f5gh8p$ja0$>,
> "K." <> wrote:
>
>> > <a href="http://www.example.com" style="display:block;padding:40px;">Link
>> > to page</a>

>>
>> Thank you. It works but padding variable is not need
>>

>
> If you don't have padding, what quite is the difference between
> no style at all in the link and mere display: block for your
> purpose? You delivering the padding from elsewhere?


Padding will still make the clickable area wider-- the full width of the
space available in the <td>-- but generally not much taller.
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-23-2007
In article <>,
Ben C <> wrote:

> On 2007-06-22, dorayme <> wrote:
> > In article <f5gh8p$ja0$>,
> > "K." <> wrote:
> >
> >> > <a href="http://www.example.com"
> >> > style="display:block;padding:40px;">Link
> >> > to page</a>
> >>
> >> Thank you. It works but padding variable is not need
> >>

> >
> > If you don't have padding, what quite is the difference between
> > no style at all in the link and mere display: block for your
> > purpose? You delivering the padding from elsewhere?

>
> Padding will still make the clickable area wider-- the full width of the
> space available in the <td>-- but generally not much taller.


I was a little puzzled to know what OP would benefit from 2 over
1 in

<http://members.optushome.com.au/droovies/test/display.html>

The differences are all a bit strange across different browsers
and text sizes.

(just btw, I discovered that iCab breaks the line after // in the
left cell and wraps the www bit! unless one gives a big explicit
width to the table.)

--
dorayme
 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      06-23-2007
On Sat, 23 Jun 2007 12:16:48 GMT dorayme scribed:

>> >> > <a href="http://www.example.com"
>> >> > style="display:block;padding:40px;">Link
>> >> > to page</a>
>> >>
>> >> Thank you. It works but padding variable is not need
>> >>
>> >
>> > If you don't have padding, what quite is the difference between
>> > no style at all in the link and mere display: block for your
>> > purpose? You delivering the padding from elsewhere?

>>
>> Padding will still make the clickable area wider-- the full width of the
>> space available in the <td>-- but generally not much taller.

>
> I was a little puzzled to know what OP would benefit from 2 over
> 1 in
>
> <http://members.optushome.com.au/droovies/test/display.html>
>
> The differences are all a bit strange across different browsers
> and text sizes.


As you suggested earlier, I see no difference in "the big three" (between
examples 1 & 2) except ie6 cuts off the top and bottom border. Ergo, the
OP's reply is puzzling.

--
Neredbojias
He who laughs last sounds like an idiot.
 
Reply With Quote
 
Ben C
Guest
Posts: n/a
 
      06-23-2007
On 2007-06-23, dorayme <> wrote:
> In article <>,
> Ben C <> wrote:
>
>> On 2007-06-22, dorayme <> wrote:
>> > In article <f5gh8p$ja0$>,
>> > "K." <> wrote:
>> >
>> >> > <a href="http://www.example.com"
>> >> > style="display:block;padding:40px;">Link
>> >> > to page</a>
>> >>
>> >> Thank you. It works but padding variable is not need
>> >>
>> >
>> > If you don't have padding, what quite is the difference between
>> > no style at all in the link and mere display: block for your
>> > purpose? You delivering the padding from elsewhere?

>>
>> Padding will still make the clickable area wider-- the full width of the
>> space available in the <td>-- but generally not much taller.

>
> I was a little puzzled to know what OP would benefit from 2 over
> 1 in
>
><http://members.optushome.com.au/droovies/test/display.html>


1 and 2 work out the same, but if in each case you give the <td>
containing the <a> a styled width making it wider than it is at the
moment, then the clickable area should be wider in 2.

> The differences are all a bit strange across different browsers
> and text sizes.
>
> (just btw, I discovered that iCab breaks the line after // in the
> left cell and wraps the www bit! unless one gives a big explicit
> width to the table.)


It does that even when the viewport is wide enough to fit everything
without any linebreaks? That is odd.

Breaking after the // and before www when the available space starts to
become restricted I think may possibly be the correct thing to do
according to Unicode breaking classes, although it's not what Firefox
does.
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-24-2007
In article <>,
Ben C <> wrote:

> On 2007-06-23, dorayme <> wrote:


> > (just btw, I discovered that iCab breaks the line after // in the
> > left cell and wraps the www bit! unless one gives a big explicit
> > width to the table.)

>
> It does that even when the viewport is wide enough to fit everything
> without any linebreaks? That is odd.
>


Indeed it is. No, space was not the issue at all. I can open

<http://members.optushome.com.au/droovies/test/display.html>

in iCab full wide on my desktop which is 3,776 px wide and it
still wraps after the "//" !

But I have just this mo taken a further look and I notice it does
_not_ wrap under some text size clicks... (nothing to do with
available browser width). And investigating closer (I have a huge
range of text size clicks available on iCab) it appears that it
is in the minority (3 or 4 in about 14) that it wraps. So I
guess, it wraps most of the time. I might write to the icab
maker about this (he is very clever and cluey about CSS and will
probably shed light on it considering some of his past replies to
me.)

I guess, writing this on a Sunday morning, looks bad. I mean, it
is not like it is the most important investigation a being can
make. One of my most riveting, in a previous slow period of life,
was The Desert:

<http://members.optushome.com.au/droovies/test/display.html>

--
dorayme
 
Reply With Quote
 
dorayme
Guest
Posts: n/a
 
      06-24-2007
In article
<doraymeRidThis->,
dorayme <> wrote:

> So I
> guess, it wraps most of the time.


Correction, Ben, I meant: "it does not wrap most of the time"

--
dorayme
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
href="javascript:func()" vs href="#" onclick="javascript:func()" CRON HTML 24 06-20-2006 08:05 PM
You can enlarge a tire but you can't enlarge a photo =?iso-8859-1?Q?mark=5Fdigital=A9?= Digital Photography 11 03-08-2006 03:10 AM
onClick method question (this.href and document.location.href) yogesh.bhardwaj@gmail.com Javascript 2 02-03-2005 02:38 PM
difference between location.href and window.location.href? saiho.yuen Javascript 3 09-14-2004 06:51 PM
Problem: Setting MSIE iframe innerHTML change relative href/src to absolute href/src Soren Vejrum Javascript 4 07-05-2003 01:47 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57