There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
CSS Font Color Rendering Issue


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
adachi's Avatar
Junior Member with 2 posts.
 
Join Date: Mar 2008
Experience: Advanced
26-Mar-2008, 01:16 PM #1
CSS Font Color Rendering Issue
The following code will not render the proper font color in Firefox or Netscape, but works fine in IE.

<p style="color:#9F4D21; font: bold 20px/1.5em verdana, sans-serif;">DON'T FORGET OUR EVENT ON</p>

If you lower the font size to 16px or lower it works fine.

<p style="color:#9F4D21; font: bold 16px/1.5em verdana, sans-serif;">DON'T FORGET OUR EVENT ON</p>

Anyone know what is going on or if there is a workaround?

Any help is greatly appreciated.
Sequal7's Avatar
Computer Specs
Distinguished Member with 2,369 posts.
 
Join Date: Apr 2001
Location: Around the corner!
Experience: Including today?
26-Mar-2008, 05:11 PM #2
I would not use inline tags, use a css sheet or in the head of the document.
Code:
<style type="text/css">
<!--
.title1 {
color: #9F4D21;
font-weight: bold;
font-size: 20px/1.5em;
font-family: verdana, sans-serif;
}
-->
</style>
then style it with this;
Code:
<p class="title1">DON'T FORGET OUR EVENT ON</p>
Both of those should work fine. As tested in IE7 and FF 2.0.0.12 is the same.

This is your font color?
adachi's Avatar
Junior Member with 2 posts.
 
Join Date: Mar 2008
Experience: Advanced
26-Mar-2008, 05:37 PM #3
Thanks for the reply. I would prefer to use a stylesheet or put it in the header, but this is used in an email marketing campaign. Many programs will strip the head or the style sheet so I found inline is the only way that works consistently. The code I use works with some hex #s so I just don't get why it doesn't scale up over 16px with that particular one.

Argh.
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 09:21 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.