PDA

View Full Version : CSS Issue in FireFox


vigilant3
06-21-2008, 06:13 PM
I am having difficulty figuring out what is wrong with my website when displayed in FireFox.

The URL is http://www.lifestylechangeonline.com

When I view it in IE 7 everything is perfect, however when viewed in FireFox, even the latest version, the images all have an orange border that skews the entire page. Can anyone provide any guidance as to what I might add into the .css file governing the page style in order to eliminate this problem?

:(

allisonwrote
06-21-2008, 06:19 PM
i think it's because they're links. try this in your css:

a img,:link img,:visited img {
border:none
}

Millenia
06-21-2008, 06:19 PM
Can you provide us with the source code?
you know, quite often there's a simple answer.

try:

<img src="whatever" border="0">instead of

<img src="whatever">Might not solve it but it's worth a try!

Dang i got beat to it :eek:

oesxyl
06-21-2008, 06:22 PM
I am having difficulty figuring out what is wrong with my website when displayed in FireFox.

The URL is http://www.lifestylechangeonline.com

When I view it in IE 7 everything is perfect, however when viewed in FireFox, even the latest version, the images all have an orange border that skews the entire page. Can anyone provide any guidance as to what I might add into the .css file governing the page style in order to eliminate this problem?

:(

put a doctype, validate because you have invalid markup:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.lifestylechangeonline.com%2F

I will try to help to make it work.

regards

vigilant3
06-21-2008, 06:26 PM
I'm sorry I don't understand what that means exactly ;(

vigilant3
06-21-2008, 06:27 PM
Can you provide us with the source code?
you know, quite often there's a simple answer.

try:

<img src="whatever" border="0">instead of

<img src="whatever">Might not solve it but it's worth a try!

Dang i got beat to it :eek:


Here is the full .css file location

http://www.lifestylechangeonline.com/LCO.css

allisonwrote
06-21-2008, 06:27 PM
if you put the code i told you to put in your css, it removes the border from the images. the reason there is a border is because they are images with links attached, and you've set your links to that orange color. so it will surround your pictures with that link color. that tells it not to.

oesxyl
06-21-2008, 06:29 PM
I'm sorry I don't understand what that means exactly ;(
which one? to put a doctype or to validate? for both follow the link and post when you have problems

regards

vigilant3
06-21-2008, 06:30 PM
if you put the code i told you to put in your css, it removes the border from the images. the reason there is a border is because they are images with links attached, and you've set your links to that orange color. so it will surround your pictures with that link color. that tells it not to.

Perfect! Thank you very much, problem was solved :D

allisonwrote
06-21-2008, 06:31 PM
happy to help! too bad i can't figure out my own site...

oesxyl
06-21-2008, 06:36 PM
happy to help! too bad i can't figure out my own site...
what do you mean?

regards

tylerh
06-22-2008, 10:37 PM
nevermind i didn't see it was solved :p