Resolved Can't hide "Skip to content" link in IE 7 [Archive]

View Full Version : Resolved Can't hide "Skip to content" link in IE 7

ekv320

03-16-2009, 07:16 PM

Hello all,
I'd love to get some advice on how to hide a "skip content" link in Internet Explorer 7. The link is hidden at the top of the page in all the other browsers I tested, but in IE 7 it is showing up as its own separate line (above the web page, rather than floated to the left as I specified in the CSS).

Here's the CSS I'm using:

.skiplink{ float:left; color:#792711; padding-left:5px; }
.skiplink:focus, .skiplink:hover { color:#fff6dc; padding-left:5px; }

And the markup:

<body>
<a href="#content" class="skiplink">Skip to content</a>
....
<div class="maincontent">
<a name="content"></a>
...
Here's my web page if it helps: http://calligraphyqalam.com/index2.html

Thanks in advance for any help you can give me!
Elisabeth

Snookerman

03-16-2009, 07:53 PM

You have a conditional comment with a stylesheet for IE users only:



that stylesheet does not contain the style code for the skiplink.

Good luck!

ekv320

03-16-2009, 08:11 PM

Thank you so much! It worked.

Snookerman

03-16-2009, 08:24 PM

You're welcome, glad to help!
You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!