You're terrific, Vince. Thank you!

On Mon, Jan 30, 2012 at 9:56 PM, Ghodmode <ghodm...@ghodmode.com> wrote:

> On Tue, Jan 31, 2012 at 6:31 AM, Chris Morton <salt.mor...@gmail.com>
> wrote:
> > Please consider dev.eigen.com, using Google Chrome.
> >
> > It used to be that a viewer could click on the company logo in the upper
> > left corner and be taken to the site's home page. Somewhere along the way
> > this link relationship has become broken.
> >
> > Any ideas how to fix it within the CSS stylesheet?
>
> It's not really a CSS problem.  You currently have this in your HTML:
>
>    <h1><a href="index.html">innovation by Eigen</a></h1>
>
> But the link won't work unless the h1 is inside the anchor.  Like this:
>
>    <a href="index.html"><h1>innovation by Eigen</h1></a>
>
> It's because of the negative text indent you're using to hide the text
> of the heading while still making it accessible to screen readers:
>    /* http://dev.eigen.com/css/homepage.css (line 107) */
>    h1 {
>        text-indent: -9009px;
>    }
>
> When the link is inside the heading, it's 9009 pixels over to the left
> because the link is just the text.  But when the heading is inside the
> anchor, the whole h1 is the link, not just the text.
>
> --
> Vince Aggrippino
> a.k.a. Ghodmode
> http://www.ghodmode.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/
>
______________________________________________________________________
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