How to: Inline style sheets

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default How to: Inline style sheets

    Hi Everyone,

    Yahoo! and Hotmail do not correctly read my HTML emails. They do not
    recognize my style sheet. I was told that I might have better luck if I made
    my style sheet "inline". Can one of you kind people tell me how to do this?

    Thanks!

    mmorton23 Guest

  2. Similar Questions and Discussions

    1. Lost style sheets
      Style sheets are not being seen by browsers when saved by DW. When I save a set of files with their external style sheet, browsers are not able to...
    2. ASP Functions & Style Sheets
      Can anyone tell me if it's possible to attach style sheets to functions. <% Function answerTypeA(A) If A = 1 then A = 'Never' elseIf A = 2 then ...
    3. Style Sheets and Transitions
      I am not sure this is an appropriate question here, but I am using CSS to basically change an element on the screen based on a "timer" I would like...
    4. Cascading Style Sheets
      Hi, I am writing a web based application in VB.Net. A lot of the forms in the applicaiotn have grids (datagrids) in them. I would like to have...
    5. Style Sheets
      Can anyone tell me what a good dreamweaver book is on learning CSS? What do's and don'ts can you advise me in? Kelly
  3. #2

    Default Re: How to: Inline style sheets

    Inline stylesheets just means that the style is declared within the html
    element itself rather than in the <head> of the document or in a separate .css
    file. For example:

    <p style="color: #000000; font-size: 10px;">
    Some text
    </p>

    The only problem with this is that the 'cascading' aspect of CSS is lost and
    you have to create an inline style for every element you want styled.


    rilkesf Guest

  4. #3

    Default Re: How to: Inline style sheets

    Thanks!

    That is exactly what I needed!
    mmorton23 Guest

  5. #4

    Default Re: How to: Inline style sheets

    For Verdana it would be:

    <p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;">
    Text
    </p>

    You don't have to include the 'Arial, Helvetica, sans-serif' part. Basically
    that just tells the browser what to use (in that order) if Verdana is not
    available.

    A good resource for you might be:

    [url]http://www.w3schools.com/css/css_font.asp[/url]

    It lists the various .css properties for manipulating fonts.

    rilkesf Guest

  6. #5

    Default Re: How to: Inline style sheets

    Thanks Again!

    You have been a big help!
    mmorton23 Guest

  7. #6

    Default Re: How to: Inline style sheets

    No problem. Glad I could help.
    rilkesf Guest

  8. #7

    Default Re: How to: Inline style sheets

    The biggest misery is that some email software programs slice your precious
    code into their overly elaborate and inscrutable HTML formats and CSS styles.

    By far the greatest challenge is that people use many different software tools
    to read their email, from Eudora to Outlook, AOL to Thunderbird, LotusNotes to
    Web-based services such as Yahoo! and Hotmail.

    Worse, Webmail services like Hotmail use CSS stylesheets that overwrite the
    styles you use in your HTML email newsletter, messing up your design.

    Found at [url]http://www.sitepoint.com/article/code-html-email-newsletters[/url]

    brettcristofer Guest

  9. #8

    Default Re: How to: Inline style sheets

    Originally posted by: rilkesf
    For Verdana it would be:

    <p style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;">
    Text
    </p>

    You don't have to include the 'Arial, Helvetica, sans-serif' part. Basically
    that just tells the browser what to use (in that order) if Verdana is not
    available.

    A good resource for you might be:

    [url]http://www.w3schools.com/css/css_font.asp[/url]

    It lists the various .css properties for manipulating fonts.


    It seems that the very beginning of the code <p style seems to add a line
    break. Is there a way to implement the code without this line break?

    mmorton23 Guest

  10. #9

    Default Re: How to: Inline style sheets

    <p> creates a new paragraph, hence the line break. If you want to achieve the same effect without a line break, try using <span style= ... > your text here </span>
    rilkesf Guest

  11. #10

    Default Re: How to: Inline style sheets

    Thank you again rilkesf. You've been a great help!
    mmorton23 Guest

  12. #11

    Default Re: How to: Inline style sheets

    No problem
    rilkesf Guest

  13. #12

    Default Re: How to: Inline style sheets

    That's a really useful resource, thanks.

    > Found at [url]http://www.sitepoint.com/article/code-html-email-newsletters[/url]

    rob::db Guest

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139