On Tue, Jan 31, 2012 at 6:31 AM, Chris Morton <[email protected]> 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 [[email protected]]
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/
