[thelist] awkward hover over text

Bob Meetin bobm at dottedi.biz
Mon Nov 16 19:17:30 CST 2009


Barney Carroll wrote:
> Hey Bob,
>
> As far as I see it the problem is that underlining is only a pertinent 
> effect for inline text, that is to say a span within a line of text. 
>
> In this instance the links should probably be a block, because it is 
> self-contained, and accounts for all the content on the line/lines 
> that it occupies — if underlined links are the way to go I usually do 
> something like this:
>
> a {
> text-decoration: underline;
> }
>
> a.block {
> border-style: solid;
> border-width: 0 0 1px;
> display: block;
> text-decoration: none;
> }
>
> Regards,
> Barney Carroll
>
> barney.carroll at gmail.com <mailto:barney.carroll at gmail.com>
> 07594 506 381
>
I decided to give the designer and business owner the choice - set it up 
as a block with text changing slightly upon hover. Their choice is the 
optional bottom border.  No link line spanning 7-8 lines.

Thx, Bob



More information about the thelist mailing list