link tag width click

Discussion in 'HTML' started by ernie, Sep 8, 2005.

  1. ernie

    ernie Guest

    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.
    ernie, Sep 8, 2005
    #1
    1. Advertising

  2. "ernie" <> wrote:

    > 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).

    --
    Yucca, http://www.cs.tut.fi/~jkorpela/
    Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
    Jukka K. Korpela, Sep 8, 2005
    #2
    1. Advertising

  3. ernie wrote:
    > 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...

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Sep 8, 2005
    #3
  4. ernie

    ernie Guest

    "Jonathan N. Little" <> wrote in message
    news:HJ0Ue.632$...
    > ernie wrote:
    >> 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...
    >
    > --
    > Take care,
    >
    > Jonathan
    > -------------------
    > LITTLE WORKS STUDIO
    > http://www.LittleWorksStudio.com



    The width works in ie but firefox seems to ignore it.
    Any idea how to make it work in firefox?
    ernie, Sep 8, 2005
    #4
  5. ernie wrote:

    <snip>
    >
    > 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


    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Sep 8, 2005
    #5
  6. Jukka K. Korpela wrote:

    > "ernie" <> wrote:
    >
    >
    >>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.

    <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.

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
    Jonathan N. Little, Sep 8, 2005
    #6
  7. "Jonathan N. Little" <> wrote:

    > 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.

    --
    Yucca, http://www.cs.tut.fi/~jkorpela/
    Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
    Jukka K. Korpela, Sep 9, 2005
    #7
  8. Jonathan N. Little a écrit :
    > ernie wrote:
    >
    >> 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; }
    >


    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
    --
    remove blah to email me
    =?ISO-8859-1?Q?G=E9rard_Talbot?=, Sep 10, 2005
    #8
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Kevin Spencer

    Re: Link Link Link DANGER WILL ROBINSON!!!

    Kevin Spencer, May 17, 2005, in forum: ASP .Net
    Replies:
    0
    Views:
    785
    Kevin Spencer
    May 17, 2005
  2. AndrewF
    Replies:
    1
    Views:
    733
    Bruce Barker
    Oct 10, 2005
  3. shruds
    Replies:
    1
    Views:
    710
    John C. Bollinger
    Jan 27, 2006
  4. Blue®
    Replies:
    4
    Views:
    764
    Blue®
    Sep 27, 2003
  5. Peter Michaux

    Synthetic click on link doesn't follow link

    Peter Michaux, Jun 4, 2007, in forum: Javascript
    Replies:
    2
    Views:
    161
    -Lost
    Jun 5, 2007
Loading...

Share This Page