Results 1 to 2 of 2
  1. #1
    Uranium Lounger CWBillow's Avatar
    Join Date
    Jul 2002
    Location
    Las Vegas, NV USA
    Posts
    6,371
    Thanks
    78
    Thanked 12 Times in 11 Posts

    Inserting a graphic that has wrapped text

    I want to insert a graphic into an html page at the top left corner, and have the text start at the page top, coming up against the right side of the picture for the full height of the picture, and then the full page width -- in short, I think, wrapping around the graphic which is top left.

    What I always end up having is the graphic is where it belongs, but the text doesn't start until the bottom line of the picture, leaving all the white space on the picture's right side.

    What the heck coding do I need to get this right?

    Chuck Billow
    -------------------------------------------------
    "Good judgment comes from experience, and experience - well, that comes from poor judgment."

    ~ A(lan) A(lexander) Milne (1882-1956)- "House at Pooh Corner"

  2. #2
    Super Moderator RetiredGeek's Avatar
    Join Date
    Mar 2004
    Location
    Manning, South Carolina
    Posts
    9,436
    Thanks
    372
    Thanked 1,457 Times in 1,326 Posts
    Chuck,

    If this is what you want look at the source for the page.

    Here's a snipit of the code:
    Code:
    <div style="height:248px;">
    <span class="wrapright"><img src="images/lclar.jpg" alt="lord clarendon" 
    height="248px" width="200px"></span>
    <span class="wrapleft"><img src="images/coatofarmssm.jpg" 
        alt="clarendon coat of arms" height="192px" width="182px"></span>
    <h2><a name="LCLAR">The Name Clarendon</a></h2>
    
    Clarendon County has a name of historical significance as it is named after Edward 
    Hyde, the Earl of Clarendon. He was friend and supporter of Charles II of England, 
    and was at one time Lord High Chancellor of England and also one of the lord 
    proprietors of the New World.<BR><BR>
    <a href="#TOP">Back to the Top</a>
    </div>
    Here's the relevant part of the Style Sheet:
    Code:
    /*
      CSS Style Sheet 
      Programmed by: 
      Updated      : 14 Oct 2003
      Copyright    : 
    */
      .wrapright {float: left;}
      .wrapleft  {float: right;}
    May the Forces of good computing be with you!

    RG

    PowerShell & VBA Rule!

    My Systems: Desktop Specs
    Laptop Specs

Posting Permissions

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