Re: Firefox H1 text is Red, Black in I.E. Help please!
I visited your website and I'm really not sure why your h1 font tags are displaying as red in Firefox instead of black. I'm not familiar with Yahoo Site Builder and not sure if it's displaying your CSS coding correctly. I'm using IE 6 browser, which displays the h1 text color as black.
The h1 style tag may work if it is embedded between the head tags, ex. <head><style></style></head>, or it's probably inheriting the red text value from some content near it, including an active or visited link, or maybe another h1 tag is defined in some other external Style sheet used by Site Builder. Nevertheless, below are some options you can try in order to fix the problem.
First, try changing the color value to one of the 3 options shown below.
{color: black;}
{color: #000;}
{color: rgb(0,0,0);}
Second, do not use the color property at all, maybe it will default to black.
Third, try moving the following h1 tag style code from the body of your page to the top of your page; adding it to the existing style sheet shown between your header tags. See following example. Note. try #000000; or black; CSS color values.
h1 {
font-weight:bold;
color: black;
font-size: 18px;
}
Also don't forget to delete the following code from the body of your page.
<style>
h1 {
font-weight:bold;
color: black;
font-size: 18px;
}
</style>
Fourth and final option, use an inline style to define your h1 tags. This only controls the style for one element. You would have to do this for each occurrence of the h1 tag. Obviously, this is a lot of work you want to avoid. Inline CSS has the highest priority out of external, internal, and inline CSS. See example below.
<h1 style="font-weight:bold; font-size: 18px; color: black;">Buy Taser, Stun Guns, Pepper Spray. Purchase Mace, Personal Alarms, Home Security Products, And Animal Repellents. Check Out Our Sale!</h1>
Two puzzling things I noticed:
I also noticed that you didn't define the color for the active link (which defaults to red) within your body tag as you did for a link and visited link. And why is the style tag between your header tags enclosed in comments (<--- --->). Some syntax Firefox doesn't support.
I hope this helps...
|