Wrox Programmer Forums
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old January 17th, 2007, 06:13 PM
Registered User
 
Join Date: Jan 2007
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default bug: letter spacing and bold

Hi folks,

After 4 of my associates were unable to resolve this, and a web search fails to reveal a resolution, I'm hoping I might get a bit of assistance on an odd bug.

http://www.swapwatch.com/swaplist_dj_v2.html
On this page, note that the columnar dollar amounts are non-bold, and the last line (totals) is bolded.

In IE6 and FF2, the space between the figures in the totals line is much narrower than the figures above. I have attemted to compensate for this with "letter-spacing: 0.05em;" but I still can't get a consistent appearance.

The styles I use are listed below. Could someone please make a recommendation as to how to solve this? Thanks!


.tableContentDigits {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: right;
}
.tableContentDigitsTotal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #333333;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: right;
}
.tableContentDigitsBG {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: right;
    background-color: #f8f8f8;
}


 
Old January 23rd, 2007, 10:15 AM
richard.york's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 1,706
Thanks: 0
Thanked 6 Times in 6 Posts
Default

I had a peak at your code, but after about five minutes, I couldn't make out what was wrong. Some tips, you have *a lot* of styles and HTML that can be completely eliminated. For example, you can use the font, padding, border, and margin, and background shorthand properties in a lot of places, which would bring down your style sheet to about 1/10th the size. The gif images that you use in the HTML source can be taken away and replaced with CSS.

If I had more time to troubleshoot your code, I would probably try disabling various styles and possibly HTML until the problem went away. This approach can help you narrow down the offending bits of code more quickly. By the way, this problem did not manifest in Firefox on Mac.

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html





Similar Threads
Thread Thread Starter Forum Replies Last Post
Bug or no to bug learning C using VS.Net to compil tesh All Other Wrox Books 0 February 14th, 2007 01:06 PM
Pivot Subtotals in Bold paul20091968 Excel VBA 0 June 29th, 2006 07:03 AM
Bold fonts in JTextPane hary Java GUI 1 August 1st, 2005 06:22 PM
making a link bold knalle HTML Code Clinic 5 November 12th, 2004 11:46 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.