SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    How do I insert thumbnail into html paragraph?

    Hey yaaaaaaaaa,
    I need to insert a thumbnail into an HTML paragraph within a layer using Dreamweaver 8. Can anyone tell me how to do this and keep the paragraph to stay flush against the right of the thumbnail?

    Thanks a lot!

  2. #2
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Do you want the text to flow by the image if the paragraph gets too long, or do you want the left margin of the paragraph to continue?

    For the former, just use CSS to float the image left.

    For the latter, use CSS to add a left margin to the paragraph, then float the image left.

  3. #3
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks.
    I want the thumbnail to show up on the left and the paragraph to go flush against the right side of the thumbnail then continue down the table/layer.

    I accomplished this by doing align left in the properties menu of Dreamweaver. I don't know if this is the correct way of doing it yet. I have to learn how to use a float. That will be tonight.

  4. #4
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Another Designer

    I accomplished this by doing align left in the properties menu of Dreamweaver. I don't know if this is the correct way of doing it yet. I have to learn how to use a float. That will be tonight.
    HTML Code:
    <p><img style="float: left;" src="picture.jpg" alt="Thumbnail description" />
    Your paragraph text here.
    </p>
    For all intents and purposes it does the same thing as align="left", but you should be using CSS for this sort of thing nowadays*.

    *please put your CSS in an external file and don't use inline styles like I just did

  5. #5
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by vgarcia
    HTML Code:
    <p><img style="float: left;" src="picture.jpg" alt="Thumbnail description" />
    Your paragraph text here.
    </p>
    For all intents and purposes it does the same thing as align="left", but you should be using CSS for this sort of thing nowadays*.

    *please put your CSS in an external file and don't use inline styles like I just did
    Thanks.
    Why shouldn't I use inline styles as oppossed to exertnal files.
    I'm re-designing a major website and using both inline styles and exertal css files.


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
  •