Need help with left float

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

    Need help with left float

    I can't make the drop-cap work on this paragraph, and then get the
    paragraph to float left to align. Here is the code below; the URL is
    Welcome china-ready.com - BlueHost.com
    http://www.china-ready.com/colly/chapter04/text1.htm
    Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting. Phone support available, Free Domain, and Free Setup.


    Thanks in advance,

    Paul

    /* 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;
    }
    /* Create drop cap characters */
    p dropcap:first-letter {
    float: left;
    font: 60px "Lucida Grande",Arial,s ans-serif;
    line-height: 50px;
    }
    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%;
    font: italic small-caps bold 12px verdana,arial," sans-serif"
    }

    Tags: None
    • Gus Richter
      #2
      Re: Need help with left float

      paul.denlinger@ gmail.com wrote:
      I can't make the drop-cap work on this paragraph, and then get the
      paragraph to float left to align. Here is the code below; the URL is
      Welcome china-ready.com - BlueHost.com
      http://www.china-ready.com/colly/chapter04/text1.htm
      Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting. Phone support available, Free Domain, and Free Setup.

      >
      /* paragraph styling */
      p {
      font: 12px verdana,arial,s ans-serif;
      text-indent:15px;
      }
      /* Create drop cap characters */
      p dropcap:first-letter {
      float: left;
      font: 60px "Lucida Grande",Arial,s ans-serif;
      line-height: 50px;
      }
      I only looked at that portion above and clearly it is not the same
      stylesheet applied to the URL provided.

      You should really get your act together.

      --
      Gus

        Comment

        • John Hosking
          #3
          Re: Need help with left float

          paul.denlinger@ gmail.com wrote:
          I can't make the drop-cap work on this paragraph, and then get the
          paragraph to float left to align. Here is the code below; the URL is
          http://www.china-ready.com/colly/chapter04/text1.htm
          [Superfluous and incorrect CSS snipped]

          width:.05em is pretty small. When FF shifts the rest of your <p>
          content, .05em doesn't leave much space for your 12px drop-cap. ;-)

          Tips: Don't use px for sizing text.
          Don't use transitional in your doctype, use strict.
          Turn off your stove shortly before the food is cooked and use the
          residual heat to complete the cooking in an energy-efficient way.

          --
          John

            Comment

            • Jim Moe
              #4
              Re: Need help with left float

              paul.denlinger@ gmail.com wrote:
              I can't make the drop-cap work on this paragraph, and then get the
              paragraph to float left to align. Here is the code below; the URL is
              Welcome china-ready.com - BlueHost.com
              http://www.china-ready.com/colly/chapter04/text1.htm
              Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting. Phone support available, Free Domain, and Free Setup.

              >
              As John mentioned, remove the width:0.05em from the dropcap style.
              Also use a Strict DTD. You are not transitioning from 1995 code are you?
              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
              "http://www.w3.org/TR/html4/strict.dtd">

              --
              jmm (hyphen) list (at) sohnen-moe (dot) com
              (Remove .AXSPAMGN for email)

                Comment

                Previous template Next
                Working...