Slightly aged article, but relevant...

http://html5doctor.com/block-level-links-in-html-5/

On Thu, Sep 12, 2013 at 3:28 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote:
> Yeah, I don't think I've ever seen/notice it failing, I just prefer to do it
> this way.  Putting aside the fact that it's not correct, it just looks
> funny, to me, to see an <a> around a bunch of content :)
>
>
> On Thu, Sep 12, 2013 at 3:24 PM, Tom Livingston <tom...@gmail.com> wrote:
>>
>> On Thu, Sep 12, 2013 at 3:19 PM, Chris Rockwell <ch...@chrisrockwell.com>
>> wrote:
>> > <a> is an inline element and cannot contain block level elements (such
>> > as
>> > <div>).
>> >
>> > One way is:
>> >
>> > .container {
>> >   position: relative;
>> > }
>> > a {
>> >   display: block;
>> >   position: absolute;
>> >   left:0;
>> >   top: 0;
>> >   width: 100%;
>> >   height: 100%;
>> >   text-indent: -9999em;
>> >   z-index: 1 /* or higher if necessary */
>> > }
>> >
>> > <div class="container">
>> >   <div>Some content here</div>
>> >   <a>Link</a>
>> > </div>
>> >
>> >
>>
>> This is nice. I'll have to remember this one.
>>
>> I will say though, that I have wrapped other elements such as div in
>> an href with success in IE8+ and other "normal" browsers.
>>
>> --
>>
>> Tom Livingston | Senior Front-End Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>
>
>
>
> --
> Chris Rockwell



-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to