Topic: Safari ignoring styling for certain tags! (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=26975" title="Pages that link to Topic: Safari ignoring styling for certain tags! (Page 1 of 1)" rel="nofollow" >Topic: Safari ignoring styling for certain tags! <span class="small">(Page 1 of 1)</span>\

 
robur
Nervous Wreck (II) Inmate

From: Careywood, Idaho, USA
Insane since: Jan 2005

posted posted 11-07-2005 20:03

Hello Everyone!

Today I am having a battle with Safarri trying to get a site I am working on looking good in it.
For some reason, a .htm file containing the below code uploaded to two different testing servers tested with different Safarri versions with the styling inline or in a seperate css file shows black, non-papyrus text. Any ideas?

<h3 style="font-family: papyrus; font-color:#0066CC;">Sample Heade:</h3>

If I can't get this to work, I'll have to convert all the text on my site to images...

Thanks,

-Robur

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted posted 11-07-2005 21:22

.html, not .htm

separate, not seperate

font-family: papyrus, sans-serif;, not font-family: papyrus;

color: #0066cc;, not font-color:#0066CC;

...and then, of course, there's that little matter of (my guess) 99.9% of all computers' operating systems' desktop environments not having that font installed by default, thereby making the entire exercise pointless. Use images.

(Edited by reisio on 11-07-2005 21:23)

robur
Nervous Wreck (II) Inmate

From: Careywood, Idaho, USA
Insane since: Jan 2005

posted posted 11-07-2005 22:00

OKAY, okay... :-)

I had a LONG font-family reversion trail AND was planning to use a font definition file, but simplified it to isolate the problem..... Why #0066cc, or .html?

And Yet it seems that a genius like your self would understand all the accessibility problems associated with images.

-Robur

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 11-07-2005 22:18
quote:

robur said:

Why #0066cc



You misunderstand -

quote:

reisio said:

color: #0066cc;, not font-color:#0066CC;



the property is "color" not "font-color". That is why you are not getting the color you want.

I would have to guess you are not getting the font you want because it is not installed on the machine.

robur
Nervous Wreck (II) Inmate

From: Careywood, Idaho, USA
Insane since: Jan 2005

posted posted 11-07-2005 22:48

The color was trivial, it's just an example.

Papyrus DEFINITLEY IS installed on my machine. To prove it,

<p style="font-family: papyrus;">Sample Paragraph:</p>

Works as expected.

For some reason, Safarri "overrides" css styles for certain elements (a:hover and h3 have been noticed so far).

Has anyone else experienced this, or found a workaround (doctype = "override overrides" or something?)

Thanks,

-Robur

robur
Nervous Wreck (II) Inmate

From: Careywood, Idaho, USA
Insane since: Jan 2005

posted posted 11-07-2005 22:51

For refrence, I got a testing server set up at:

http://rmd.allthingsinteresting.com/index.ati

Thanks,

-Robur

robur
Nervous Wreck (II) Inmate

From: Careywood, Idaho, USA
Insane since: Jan 2005

posted posted 11-07-2005 23:35

I figured it out!

It had nothing to do with overrides, but rather with the font itself.

* Notice to anyone battling with Safarri's strange font handling *

If you apply formatting (bold, italic) to papyrus, Safari doesn't understand it, and reverts (not to the next font in the font-family), but to it's default font!

I solved my problems from removing all <h3 tags with <p class="h3, and using conditional comments in my css sheet to keep safarri from ever seeing font-weight:bold;

Hope this helps some one else!

-Robur



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu