SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Apr 2004
    Location
    nz
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    using <img> to put quote marks in a paragraph

    I'm having trouble doing this in my totally CSS site.

    Even though the image is just 15x10px it still 'floats' high above the line of text. The "start quote" image looks OK at the beginning of the paragraph. But the "final quote" image forces the final line down and floats above the line.

    You can see it in the left hand column at:
    http://www.brighthopeworld.com/new/index.htm


    I've tried margin: padding: text-align: Nothing seems to make any difference.

    Any suggestions?

    Thanks,
    Len

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,516
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It's the bottom padding you've added to the leftcol img that's making the image higher.

    You could change it to a class as follows:
    Code:
    #leftcol .img1
    {
    padding:5px 10px;
    }
    #leftcol .img2
    {
    padding:0 10px;
    }
    html:
    Code:
      <div id="leftcol"> <img class="img1" src="http://www.brighthopeworld.com/new/i...ilippina01.jpg" width="150" height="225"> 
    	<p> <img class="img2" src="http://www.brighthopeworld.com/new/i...uote-begin.gif" width="15" height="10" align="left">We're 
    	  a Christian organisation, giving relief and development to people in <b>extreme 
    	  need</b><img class="img2" src="http://www.brighthopeworld.com/new/images/quote-end.gif" width="15" height="10">. </p>
      </div>
    Paul

  3. #3
    SitePoint Member
    Join Date
    Apr 2004
    Location
    nz
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Paul, that's EXACTLY right!

    Many thanks,
    Len


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
  •