Page 1 of 4 1234 LastLast
Results 1 to 10 of 31

Thread: Styles

  1. #1
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default Styles

    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.
    Last edited by Spider; 10-16-2010 at 04:59 PM.

  2. #2
    Web Consultant
    Array
    Join Date
    Aug 2008
    Location
    Las Vegas
    Posts
    9,842
    Blog Entries
    1

    Default

    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>
    Last edited by Harold Mansfield; 10-16-2010 at 07:08 PM.

  3. #3
    Registered User
    Array
    Join Date
    Oct 2008
    Location
    rochester indiana
    Posts
    2,149

    Default

    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...
    Last edited by greenoak; 10-16-2010 at 06:25 PM.
    ann at greenoak www.greenoakantiques.com

  4. #4
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    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?

  5. #5

    Default

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

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

  6. #6
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    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.

  7. #7
    Web Consultant
    Array
    Join Date
    Aug 2008
    Location
    Las Vegas
    Posts
    9,842
    Blog Entries
    1

    Default

    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.

  8. #8
    Registered User
    Array
    Spider's Avatar

    Join Date
    Aug 2008
    Location
    Houston, Texas
    Posts
    3,687

    Default

    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?
    Last edited by Spider; 10-17-2010 at 09:31 AM.

  9. #9
    Web Consultant
    Array
    Join Date
    Aug 2008
    Location
    Las Vegas
    Posts
    9,842
    Blog Entries
    1

    Default

    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.

  10. #10

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •