Styles

[Spider]

My HP laptop is slowly dying. Had a look at an Apple - lovely machine - I want one! Actually bought it and took some tutoring. Had to reneg. Too long a learning curve and I needed to get up to speed on a new machine, so turned it back in for a Toshiba A665 windows laptop.

In operating the Apple machine, I was reminded that Safari and Firefox do not recgognize the inline Styles code - STYLE="filter:shadow(color=#bbccdd)" and STYLE="filter:glow(color=#aaccdd)"


As I am using this code on every page of my soon-to-be-uploaded revamped website, could anyone tell me whether Safari and Firefox will render any inline styles and, if so, what they are? Or where I can find that information.

Thanks.

[Harold Mansfield]

I think you need to use <div> tags for the formatting to work across all of the major browsers:

The <div> tag defines a division or a section in an HTML document.
The <div> tag is often used to group block-elements to format them with styles.

HTML div tag

So for instance for a text box you would use (as an example) <div style="border: 1px solid grey; padding: 10px; width: 155px; height: 50px; background-color: #e6e6e6;"></div>

[greenoak]

for me, DH PICKED ACER TRAVELMATE 5530 with windows 7.....it has a nice big keyboard and seems just fine....i have a wireless mouse......he got an acer with a keypad on it....
i hear good things about apple , especially on visuals and art, but he always says no....since everything is on the other system. and i know i would have trouble without him...

[Spider]

Unfortunately, Harold, I have it all in a DIV - Safari and FF are responding to the width and borders but not to the shadow filter. IE is responding to all.

I believe FF and Safari are supposed to read this, aren't they? Any ideas?

[billbenson]

I haven't tried it but take a peek at this:

Drop shadow with CSS for all web browsers - Robert&#039;s talk

[Spider]

Thank you for the link, Bill. Mr.Nyman is obviously very knowledgeable and I cannot understand him. In any case, I think he was talking about a shadow box, rather than shadow and glow to the text, which is what I am after - what I have, actually in IE but not in FF and Safari.

[Harold Mansfield]

If you are using it inside of a <div> shouldn't it be <div style="filter:shadow(color:#bbccdd)"> Using ":" instead of "=" ?
Like is presented here:
How to make css drop shadow text. Drop shadow text.

[Spider]

I have seen both used, Harold ( = and : ) and both work in IE but neither seem to work in FF and Safari. Incidentally, it works with and without the brackets for IE but not the others - in fact the page to which you linked has filter:shadow;color: orange; in one place and filter:shadow(color:black); in another place.

I have to assume FF and Safari don't support this. Thanks for trying.


ADDED: I just realised that without brackets the shadow is grey only - the color designation is ignored. The brackets are needed to state a color and : works just the same as = (for IE - still nothing works for FF and safari.) Odd, eh?

[Harold Mansfield]

That is strange. Usually I get it the other way around...works in FF, but not IE.
The only thing I can suggest is to run it through an HTML validator. It should at least highlight any conflicting or problem code and suggest a fix. There is a Firefox plug in https://addons.mozilla.org/en-US/firefox/addon/249/.

Sorry I couldn't help more.

[billbenson]

Remember you should develop for FF first as it is the most standards compliant. Then fix it to work in IE. In this situation, has code that only works in IE. I'm sure it exists in FF, we just haven't found it yet. Maybe VG will come around. He's the css wiz here and hopefully shed some light on this.