PDA

View Full Version : Trouble displaying background in Mozilla

lalsoong
03-30-2008, 10:07 PM
Hello, I am using a css script. It works fine in IE, but I cannot get it to display my background in Mozilla Firefox. Here is the code:

BODY {text-decoration: none; background-image: url(lgren006.jpg); background-attachment: fixed; font-family: Arial; font-size: 9pt; font-weight: 700; }

And here is the link to the css file:

<LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css">

Thanks for any help!
abduraooft
03-31-2008, 08:29 AM
Could you post a link to your page?
effpeetee
03-31-2008, 09:27 AM
And here is the link to the css file:

<LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css">

That is a link from inside your program. No use to us.
Anyway, we really need your COMPLETE code.

Frank
lalsoong
04-01-2008, 04:19 AM
I am using css for the following addresses:
lalslibrary.countryunits.com
www.countryunits.com

Here is the full code:

<HTML>

<HEAD>
<style type="text/css">

<!--


BODY {text-decoration: none; background-image: url(lgren006.jpg); background-attachment: fixed; font-family: Arial; font-size: 9pt; font-weight: 700; }

A {text-decoration:none; color: purple; font-family: Arial; font-size: 10pt; }

A:hover {text-decoration:underline; font-family: Arial; font-size: 10pt; }

A:visited {text-decoration:none; color: gray;}

TABLE {text-decoration:none; font-family:Arial; font-size: 9pt; font-weight: bold;}

P {text-indent: 5%}

DIV {margin-left: 10%;}

H1 {text-align: center; font-family: Arial; font-size: 18pt; }

H2 {text-align: center; font-family: Arial; font-size: 12pt; }

H3 {text-align: center; font-family: Arial; font-size: 18pt; }

H4 {text-align: center; font-family: Dauphin; font-size: 18pt; }

-->

</style>
</HEAD>
</HTML>

Thanks for your help!
abduraooft
04-01-2008, 07:55 AM
Yes, you are mixing your html with CSS
I see <HTML>
<HEAD>
<TITLE> </TITLE>
<STYLE type="text/css">

<!--

BODY {text-decoration:none; background: url(lgren006.jpg); font-family: Arial; font-size: 9pt; font-weight: 700; }
........................
-->

</STYLE>

</HEAD>
<BODY>

</BODY>
</HTML>
in your mystyle.css file, Remove the highlighted portion and see the difference.

BTW you have many errors in your document.
effpeetee
04-01-2008, 08:47 AM
And no Doctype apparent.

Frank
lalsoong
04-02-2008, 02:10 PM
Thank you for your help. The background now shows up in Firefox, but with a white border around the frames. This doesn't happen in IE...but at least it is looking a lot better.

I am completely self-taught in coding, so I am not surprised that you would find errors.