CSS not rendering text correctly; need help

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • paul.denlinger@gmail.com
    #1

    CSS not rendering text correctly; need help

    Hi--

    I have been working on some text with CSS, but have not been able to
    get it to render correctly. For instance, h1 should be uppercase, and
    the blockquote should render as italics. However, both are not.

    The text doc is available at www.china-ready.com/colly/chapter04/text1.htm

    Thanks in advance,

    Following is the CSS:

    /* CSS Document */

    /* Specify blanket rules for all elements */
    body {
    margin: 10px;
    border: 1px solid #000;
    padding:10px;
    font: normal 12px Verdana, Arial, Sans-serif;
    line-height:150%;
    }
    /* paragraph styling */
    p {
    font: 12px verdana,arial,s ans-serif;
    text-indent:15px;
    }
    h1, h2 {
    letter-spacing:1px;
    }
    h1 {
    font-family: Georgia, Times, serif;
    text-transform:upper case;
    }
    h2 {
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-transform:none;
    font-style:italic;
    }
    /* Style the blockquote */
    blockquote {
    margin: 0 0 0 20px;
    line-height:150%;
    p {
    font: italic small-caps bold 12px/150% verdana,arial,s ans-serif
    }

    Tags: None
    • Jukka K. Korpela
      #2
      Re: CSS not rendering text correctly; need help

      Scripsit paul.denlinger@ gmail.com:
      www.china-ready.com/colly/chapter04/text1.htm
      The markup is OK, though you might just as well use HTML 4.01 Strict (and
      wrap the blockquote content inside a block level container). Except that you
      don't have any CSS there, directly or indirectly.

      To let browsers find your style sheet, say mystyle.css, add the following
      into the <headpart:
      <link rel="stylesheet " type="text/css" href="mystyle.c ss">
      font: normal 12px Verdana, Arial, Sans-serif;
      Please check the FAQ resources of this group (or any _good_ book on CSS)
      before digging deeper.
      blockquote {
      margin: 0 0 0 20px;
      line-height:150%;
      p {
      font: italic small-caps bold 12px/150% verdana,arial,s ans-serif
      }
      You've forgotten the close the blockquote rule with "}".

      In future, use the W3C CSS Validator or the WDG CSSCheck to spot syntax
      errors in CSS.

      --
      Jukka K. Korpela ("Yucca")
      http://www.cs.tut.fi/~jkorpela/


        Comment

        • dorayme
          #3
          Re: CSS not rendering text correctly; need help

          In article
          <1172097351.918 732.299670@j27g 2000cwj.googleg roups.com>,
          "paul.denlinger @gmail.com" <paul.denlinger @gmail.comwrote :
          Hi--
          >
          I have been working on some text with CSS, but have not been able to
          get it to render correctly. For instance, h1 should be uppercase, and
          the blockquote should render as italics. However, both are not.
          >
          The text doc is available at www.china-ready.com/colly/chapter04/text1.htm
          >
          Thanks in advance,
          >
          Following is the CSS:
          So why did you not apply the css in the url? As it happens, when
          you apply your css, the <h1is rendered as all caps (in Firefox
          at least). If you use

          font-style: italic;

          in the blockquote instructions, you will get italics.

          You are making a few mistakes otherwise. For instance, do not use
          px for font-size, easiest for you is this: use 100% for body and
          go from there.

          Forget about line height till you read up on it. Just leave it
          out.

          --
          dorayme

            Comment

            • paul.denlinger@gmail.com
              #4
              Re: CSS not rendering text correctly; need help

              On Feb 21, 3:18 pm, "Jukka K. Korpela" <jkorp...@cs.tu t.fiwrote:
              Scripsit paul.denlin...@ gmail.com:
              >
              www.china-ready.com/colly/chapter04/text1.htm
              >
              The markup is OK, though you might just as well use HTML 4.01 Strict (and
              wrap the blockquote content inside a block level container). Except that you
              don't have any CSS there, directly or indirectly.
              >
              To let browsers find your style sheet, say mystyle.css, add the following
              into the <headpart:
              <link rel="stylesheet " type="text/css" href="mystyle.c ss">
              >
              font: normal 12px Verdana, Arial, Sans-serif;
              >
              Please check the FAQ resources of this group (or any _good_ book on CSS)
              before digging deeper.
              >
              blockquote {
              margin: 0 0 0 20px;
              line-height:150%;
              p {
              font: italic small-caps bold 12px/150% verdana,arial,s ans-serif
              }
              >
              You've forgotten the close the blockquote rule with "}".
              >
              In future, use the W3C CSS Validator or the WDG CSSCheck to spot syntax
              errors in CSS.
              >
              --
              Jukka K. Korpela ("Yucca")http://www.cs.tut.fi/~jkorpela/
              Thanks for catching this mistake; I thought I had linked up the css
              and the html docs, but somehow the link got broken. I have relinked
              them, and uploaded the document, and will run it thru CSS Check.

              Thank you.

                Comment

                • John Hosking
                  #5
                  Re: CSS not rendering text correctly; need help

                  Jukka K. Korpela wrote:
                  Scripsit paul.denlinger@ gmail.com:
                  >
                  >www.china-ready.com/colly/chapter04/text1.htm
                  >blockquote {
                  > margin: 0 0 0 20px;
                  > line-height:150%;
                  > p {
                  > font: italic small-caps bold 12px/150% verdana,arial,s ans-serif
                  >}
                  >
                  You've forgotten the close the blockquote rule with "}".
                  Actually, it's more like he has an extraneous "p {".
                  Same effect, different solution.

                  --
                  John

                    Comment

                    Previous template Next
                    Working...