Adobe Community: Text in DW CS3 appears BOLD online

Currently Being Moderated

1. John Waller,

Feb 4, 2010 1:40 AM in reply to Tim Richards

Report

Links are much better than screen caps.

Upon googling the text in the screen caps, I take it this is the website: http://www.timrichards.ndo.co.uk/

Looks fine here on Win 7 in IE, Firefox and Safari.

|

Mark as:

Currently Being Moderated

2. Tim Richards,

Feb 4, 2010 1:59 AM in reply to John Waller

Report

Hi John,

Thanks for your response. What you have googled is the old (frame-based)

site I am trying to rebuild. It doesn¹t look fine to me - on my computer the

text is much bolder than the DW original.

The screen caps are the only way I can show the difference between what I

see on screen when I create a DW document, and how it looks online ON MY

COMPUTER when I¹ve uploaded it.

Maybe it is my monitor settings, but I don¹t see text on other websites that

is THICK like mine always turns out.

What now?

Tim

Tel: 020-8291 5221

Email: tim@timrichards.ndo.co.uk

Website: http://www.timrichards.ndo.co.uk

MySpace: http://www.myspace.com/timrichards

|

Mark as:

Currently Being Moderated

3. marco.loko,

Feb 4, 2010 6:12 AM in reply to Tim Richards

Report

I think you have to look at you CSS sheets if you have any..

I would actually reccoment using CRM Joomla for your project like this where you can stream music and hold a database with ease..

Cool bananas

http://www.worldequitynetwork.com/

|

Mark as:

Currently Being Moderated

4. Nancy O.,

Feb 4, 2010 10:50 AM in reply to Tim Richards

Report

Light text on dark background has always looked awful in Safari - this is a known problem. Safari 4 has improved a little.

http://www.komodomedia.com/blog/2009/03/safari-text-shadow-anti-aliasi ng-css-hack/

For best cross browser results, use font-sizes in Pixels rather than Points. Points are for printed pages.

Finally, I don't know which OS you use, but ClearType might be an issue.

http://windows.microsoft.com/en-US/windows-vista/ClearType-frequently- asked-questions

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

|

Mark as:

Currently Being Moderated

5. John Waller,

Feb 4, 2010 11:04 AM in reply to Tim Richards

Report

Any chance of posting a link to what you're currently working on?

If no-one else sees it then maybe it's a local issue.

|

Mark as:

Currently Being Moderated

6. Tim Richards,

Feb 4, 2010 11:14 AM in reply to Nancy O.

Report

Nancy, thanks for your input. However, this problem isn't confined to Safari

- see the Firefox screen cap in my original post. And I am using Safari

4.03.

|

Mark as:

Currently Being Moderated

7. Tim Richards,

Feb 4, 2010 11:22 AM in reply to John Waller

Report

John, here is a link to the page in question - work in progress!

<http://www.timrichards.ndo.co.uk/TimTest.html>

Please compare this to the DW screencap in my original post, which shows

much clearer text.

There¹s also an issue in Firefox (but not Safari) with the BUTTON links at

the top of the page - I can¹t figure out how to link them so they don¹t

appear with blue lines around them (which is the colour I¹ve set for the

links on the Modify Page Properties dialog). Ordinary links elsewhere on the

page need to be in blue...

Thanks to everyone for their help with this...

|

Mark as:

Currently Being Moderated

8. John Waller,

Feb 4, 2010 11:47 AM in reply to Tim Richards

Report

All looks OK here Tim. Win 7 IE, FF and Safari.

Perhaps try to use the same metric (pixels rather than points) throughout your CSS. You have a mix of the two. Don't expect much change from that but worth a shot.

Get rid of blue borders around images in links

http://forums.adobe.com/thread/417110

Add "a img { border:none;}" (without the quotes) once to your stylesheet.

|

Mark as:

Currently Being Moderated

9. Nancy O.,

Feb 4, 2010 11:49 AM in reply to Tim Richards

Report

To remove borders from all linked images, add this to your CSS:

a img {border:none}

You're still using pt instead of px in your font-sizes. Standard screen font-size is 16px = 1em = 100%.

You have many Bold entries in Styles 14 - 39 -- which is why you're seeing bold text.

Try using a different background color. I very seldom use black #000 for backgrounds. It's hard on the eyes. Try a softer color like #1F1F1F.

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

|

Mark as:

Dreamweaver

Text in DW CS3 appears BOLD online

Feb 4, 2010 1:28 AM

More Like This

Bookmarked By (0)

Answers + Points = Status