On Mon, Nov 16, 2009 at 9:05 AM, Jack Timmons <jorac...@gmail.com> wrote:
> On Mon, Nov 16, 2009 at 8:00 AM, Jack Timmons <jorac...@gmail.com> wrote:
> > }
> > #footer #backToTop a{
> > visibility: hidden;
> > }
> >
> > That should accomplish what you're seeking.
> >
> > --
> > -Jack Timmons
> > http://www.trotlc.com
> > Twitter: @codeacula
> >
>
> As a side note:
>
> A quick and dirty fix to making the link clickable would be replacing
> the visibility: hidden with:
>
> #footer #backToTop a{
> display:block;
> height: 78px;
> width: 89px;
> }
>
> And removing all the text from the anchor tag (aaaaa)
>
> --
> -Jack Timmons
> http://www.trotlc.com
> Twitter: @codeacula
> ______________________________________________________________________
> css-discuss [cs...@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/
>
You have the background image on both the div#backToTop and the link inside
of the div. You can remove the background from the div and then move these
properties over to that link
display:block;
height: 78px;
width: 89px;
visibility:hidden just makes the link disappear so instead you'll want
text-indent: -10000px; to move it off screen but still have something there
for search engines.
also, display: block doesn't need to be attached to divs as they are already
block level elements.
Cheers,
Jeff
______________________________________________________________________
css-discuss [cs...@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/
