Stylesheets - CSS, borders, and browsers

Author

CSS, borders, and browsers - help

alice

2007-06-30, 6:17 pm

Can anyone tell me what is wrong here - http://www.fearofdolls.com/linktest1.html
I put the CSS in the header so you can see it there. The problem is,
in IE7, the top border in the word 'text' is missing, but it's clearly
in the code. Then, in Firefox, that border is there, but the borders
around the images are only on the bottom and, oddly enough, only half
way up on the left and right sides.
What's even stranger, is that when I test these pages offline, from my
desktop, in IE the word text is underlines, like a normal html link,
even though I have the text-decoration set to none. I know that line
should work, I've used it before on other pages that I've tested off
line and the underline goes away.
Is there some sort of hack(s) that I'm missing here?

alice

2007-06-30, 6:17 pm

On Jun 30, 11:33 am, alice <a...@fearofdolls.com> wrote:
> Can anyone tell me what is wrong here -http://www.fearofdolls.com/linktest1.html
> I put the CSS in the header so you can see it there. The problem is,
> in IE7, the top border in the word 'text' is missing, but it's clearly
> in the code. Then, in Firefox, that border is there, but the borders
> around the images are only on the bottom and, oddly enough, only half
> way up on the left and right sides.
> What's even stranger, is that when I test these pages offline, from my
> desktop, in IE the word text is underlines, like a normal html link,
> even though I have the text-decoration set to none. I know that line
> should work, I've used it before on other pages that I've tested off
> line and the underline goes away.
> Is there some sort of hack(s) that I'm missing here?

I forgot, in the offline version, in IE, not only is the text
underlines, but none of the links have borders until you do the hover,
and then the top border for 'text' is still missing.

Klaus Krtschil

2007-06-30, 6:17 pm

alice schrieb:
> On Jun 30, 11:33 am, alice <a...@fearofdolls.com> wrote:
>
> I forgot, in the offline version, in IE, not only is the text
> underlines, but none of the links have borders until you do the hover,
> and then the top border for 'text' is still missing.
>
Maybe you want this with the images?

a:link img{
text-decoration: none;
border: medium solid #cc0066;

}
a:hover img {
border: medium solid #99cc00;
}

Klaus
--
Linux User #54760
Fingerprint: 890bdbdeaa3ddab07bac87a3115d553a

alice

2007-06-30, 6:17 pm

On Jun 30, 12:55 pm, Klaus Krtschil <kls...@gmx.de> wrote:
> alice schrieb:
>
>
>
>
>
> Maybe you want this with the images?
>
> a:link img{
> text-decoration: none;
> border: medium solid #cc0066;
>
> }
>
> a:hover img {
> border: medium solid #99cc00;
>
> }
>
> Klaus
> --
> Linux User #54760
> Fingerprint: 890bdbdeaa3ddab07bac87a3115d553a- Hide quoted text -
>
> - Show quoted text -

Thanks, that fixed everything. I made another a:link then just for the
text link, so that it is not underlined be default, but that only
works for IE when it's uploaded to my server and not from the file on
my PC, which is still a mystery to me, but not a big deal.

David Stone

2007-07-03, 6:19 pm

In article <1183234010.675128.269760@i13g2000prf.googlegroups.com>,
alice <alice@fearofdolls.com> wrote:
>
> Thanks, that fixed everything. I made another a:link then just for the
> text link, so that it is not underlined be default, but that only
> works for IE when it's uploaded to my server and not from the file on
> my PC, which is still a mystery to me, but not a big deal.

Sounds like you have a file either missing or in a different location
on your PC compared to your server!