JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old July 4th, 2009, 07:18 AM
spicy spicy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Location: Gold Coast, Australia
Posts: 87 spicy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 18 h 27 m 10 sec
Reputation Power: 6
Slideshow pixelating fonts in IE only?

Hello all,

I have been trying to figure this one out for a while, and have decided I need help. I also need help with this pixelating problem please.

The site to look at for an example is: http://www.gcresidential.com.au

The code has not been cleaned up yet, but it is live. On the right column there is a featured properties slideshow which works perfectly everywhere except IE (7+8 - can't test 6). Both of these display the items perfectly when first loaded, but when it changes all the bold fonts get heavily pixelated making it close to impossible to read. What could it be?

Thanks in advanced for your help.

Waiting patiently, Joe

Reply With Quote
  #2  
Old July 4th, 2009, 11:13 AM
scoper's Avatar
scoper scoper is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
 
Join Date: Jun 2004
Location: Surrey, UK
Posts: 961 scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level)scoper User rank is Captain (20000 - 30000 Reputation Level) 
Time spent in forums: 1 Week 2 Days 1 h 15 m 20 sec
Reputation Power: 253
Send a message via MSN to scoper Send a message via Google Talk to scoper Send a message via Skype to scoper
This is a bug in IE which distorts bold text inside an element with the alpha filter placed on it.

I seem to recall, if you explicitly set the background color of the text container it fixes it...

so you would have something like:

Code:
.container {
    filter: alpha(opacity=100);
    background-color: #ccc; /*Somekind of grey*/
}

.text {
    font-weight: bold;
    background-color: #ccc; /*This shouldn't be needed because it should inherit the
                                          backgroundcolor from the parent container, however, 
                                          setting it manually, *should* fix it*/
}

<div class="container">
    ...
    <span class="text">Bold heading text here</span>
    ...
</div>


Hope that helps
__________________
Scott Perham - MCPD

That URL too long? Why not URL IT!

Reply With Quote
  #3  
Old July 4th, 2009, 11:27 AM
spicy spicy is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2004
Location: Gold Coast, Australia
Posts: 87 spicy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 18 h 27 m 10 sec
Reputation Power: 6
Thumbs up Perfect (ish)

Thanks heaps Scoper,

This certainly did the trick and my client just emailed that he is happy with it now. Yes, I have a client who stays up with me until 2am.

IE still displays it a bit dodgy, but it is readable at least. IE users should be used to it by now.

Thanks again!
__________________
Have you noticed that heavy IE users tend to be annoying? I wonder who invited who?

www.kobo.com.au | www.spicy.com.au

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignJavaScript Development > Slideshow pixelating fonts in IE only?


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump




 Free IT White Papers!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 




© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 1 Hosted by Hostway
Stay green...Green IT