shutterxbug
11-09-2006, 08:10 AM
I'm just curious if people know what to do about these problems. If not, I'll just deal. Lol I didn't understand what to do when I googled them.... :confused:
On my website I had a background image...it showed up fine in IE, but didn't show up at all in Firefox. It just viewed the background color that I had on it.
Also, I have colors set for the italics, bold, etc....these also work fine on IE but not Firefox.
Is there any way to fix these... if so, can I get it in baby language? Lol
Thanks! :bow:
angelic.deception
11-09-2006, 08:22 AM
Could you please post your HTML/CSS?
Then people will most likely be able to help. =)
shutterxbug
11-09-2006, 08:30 AM
<html>
<!-- Created with the CoffeeCup HTML Editor 2006 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 10/26/2006 1:09:39 PM -->
<head>
<title>Home</title>
<meta name="generator" content="CoffeeCup Free HTML Editor - www.coffeecup.com">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
<!--
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
-->
</style>
</head>
<title>Three Column CSS Layout</title>
<style type="text/css">
body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#left {
position: absolute;
left: 50px;
padding: 0px;
top: 0px;
width: 150px;
}
#center {
margin-left: 250px;
padding: 0px;
margin-right: 200px;
top: 0px;
}
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px;
}
</style>
</head>
<body>
<body bgcolor="#FF9900" text="#000000" link="#696969" vlink="#800080" alink="#FF0000" background="C:\Documents and Settings\Pixie\My Documents\Website\background.jpg" width="1280" height="800" alt="" border="0" bgproperties="fixed">
<style type="text/css"> B{color="#8B5A2B";}</style><style type="text/css">I{color="#556B2F";}</style><style type="text/css">U{color="#EE4000";}</style><style type="text/css">sup{color="#A52A2A";}</style><style type="text/css">sub{color="#008B00";}</style><style type="text/css">s{color="#696969";}</style><style type="text/css">strike{background:#7CCD7C;font-family:Comic Sans MS;font-size:10px;font-color:#FFFFFF;font-weight:bold;text-decoration:none;width:100%}</style>
<div id="left">
<BR><BR><BR><BR><BR><BR><BR><BR><BR><a href="http://www.geocities.com/shutterxbug/Home.html">Home</a><BR><a href="http://www.geocities.com/shutterxbug/Me.html">This Little Girl</a><BR><BR><b>Photographs</b><BR><a href="http://www.geocities.com/shutterxbug/familyphotos.html">Family</a><BR><a href="http://www.geocities.com/shutterxbug/petphotos.html">Pets</a><BR><BR><b>Extra</b><BR><a href="http://www.geocities.com/shutterxbug/icons.html">Icons</a><BR><a href="http://www.geocities.com/shutterxbug/backgrounds.html">Backgrounds</a><BR><a href="http://www.geocities.com/shutterxbug/animations.html">Animations</a><BR>
</div>
<div id="center">
<BR><BR><BR><BR><BR><BR><BR><BR><BR><U>October 26, 2006</U><BR><BR>So, I am going to try to start a new site again. Let's see how long it lasts. I want a place for all my photos though. Hopefully I will have some really good ones soon. Feel free to e-mail me or comment once I get those up. Thanks for stopping by and feel free to look around.<BR><BR>Also, if you want to use something, please inform me and I will send it to you.<BR><BR>Thanks again,<BR>- <I>Autumn Night</I>
</div>
<div id="right">
<BR><BR><BR><BR><BR><BR><BR><BR><BR><B>Hello</B><BR><I>Hello</I><BR><U>Hello</U><BR><sup>Hello</sup><BR><sub>Hello</sub><BR><s>Hello</s><BR>
</div>
</body>
</html>
angelic.deception
11-09-2006, 09:18 AM
Ok.. well. There are quite a few things that could be causing it.
You have two closing head tags, and two title tags. You also have two opening body tags. You have a stylesheet in the body section of your page. You also have multiple stylesheets.
I have removed the second body tag, merged the stylesheets, and also used shorthand CSS properties, such as margin: 0; instead of setting each margin separately. =)
You got confused when setting the colors for your underlined and bolded text and such. You had color="#FFFFFF" in a stylesheet. It should have been color: #FFFFFF;. I've fixed those, also.
As for the background image, if it still doesn't show, I think perhaps it is the way it's linked. I remember reading something about Firefox having problems displaying local images. Upload it to either your web host or an image hosting service (like Photobucket), and try it then.
Here's the fixed HTML.
<html>
<!-- Created with the CoffeeCup HTML Editor 2006 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 10/26/2006 1:09:39 PM -->
<head>
<title>Home</title>
<meta name="generator" content="CoffeeCup Free HTML Editor - www.coffeecup.com">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
body {
margin: 0;
padding: auto 0; }
#left {
position: absolute;
left: 50px;
padding: 0px;
top: 0px;
width: 150px; }
#center {
margin-left: 250px;
padding: 0px;
margin-right: 200px;
top: 0px; }
#right {
position: absolute;
right: 15px;
padding: 0px;
top: 0px;
width: 150px; }
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
b {color: #8B5A2B;}
i {color: #556B2F;}
u {color: #EE4000;}
sup {color: #A52A2A;}
sub {color: #008B00;}
s {color: #696969;}
strike {
background: #7CCD7C;
font-family: Comic Sans MS;
font-size: 10px;
font-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
width: 100%; }
</style>
</head>
<body bgcolor="#FF9900" text="#000000" link="#696969" vlink="#800080" alink="#FF0000" background="C:\Documents and Settings\Pixie\My Documents\Website\background.jpg" width="1280" height="800" alt="" border="0" bgproperties="fixed">
<div id="left">
<br><br><br><br><br><br><br><br><br><a href="http://www.geocities.com/shutterxbug/Home.html">Home</a><br><a href="http://www.geocities.com/shutterxbug/Me.html">This Little Girl</a><br><br><b>Photographs</b><br><a href="http://www.geocities.com/shutterxbug/familyphotos.html">Family</a><br><a href="http://www.geocities.com/shutterxbug/petphotos.html">Pets</a><br><br><b>Extra</b><br><a href="http://www.geocities.com/shutterxbug/icons.html">Icons</a><br><a href="http://www.geocities.com/shutterxbug/backgrounds.html">Backgrounds</a><br><a href="http://www.geocities.com/shutterxbug/animations.html">Animations</a><br>
</div>
<div id="center">
<br><br><br><br><br><br><br><br><br><u>October 26, 2006</u><br><br>So, I am going to try to start a new site again. Let's see how long it lasts. I want a place for all my photos though. Hopefully I will have some really good ones soon. Feel free to e-mail me or comment once I get those up. Thanks for stopping by and feel free to look around.<br><br>Also, if you want to use something, please inform me and I will send it to you.<br><br>Thanks again,<br>- <i>Autumn Night</i>
</div>
<div id="right">
<br><br><br><br><br><br><br><br><br><b>Hello</b><br><i>Hello</i><br><u>Hello</u><br><sup>Hello</sup><br><sub>Hello</sub><br><s>Hello</s><br>
</div>
</body>
</html>
Just as a note, you should definitely look into CSS a little more. LEIA tutorials (http://www.lissaexplains.com/css.shtml) are a great place to start, and wouldn't it be nice to get rid of those pesky br tags?
Anyway, hopefully that fixes your problems! =)
shutterxbug
11-09-2006, 09:22 AM
Thanks for all the help! I'll check into that.
Yeah, it could be....but br just kind of comes naturally. Heh. Just need to get back into the swing of things. It's been awhile since I was doing this...
Thanks again!
shutterxbug
11-09-2006, 09:27 AM
By the way, I didn't even realize I hadn't got that changed again for the background. I really appreciate telling me about that! It's working now.
angelic.deception
11-09-2006, 09:33 AM
Hehe, no worries. Glad to help. =)
<body bgcolor="#FF9900" text="#000000" link="#696969" vlink="#800080" alink="#FF0000" background="C:\Documents and Settings\Pixie\My Documents\Website\background.jpg" width="1280" height="800" alt="" border="0" bgproperties="fixed">
blue = can be set in the body css section instead of in the body tag itself.
red = can be deleted considering you have it in your css already.
yellowgreen = image should NOT have a reference pointing to your own computer to find the file. when its online, nobody will see the image as they do not have access to your computer.
darkorange = should be deleted as they do not belong in the body tag.
shutterxbug
11-10-2006, 03:51 PM
Thanks. On the image file... I had it like that so I knew which image to use and just forgot to change it. That can happen to everyone :) Thanks though for the additional help.