Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member
    Join Date
    Mar 2005
    Posts
    9
    Member #
    9424
    Hi im a noob so be patient, can someone tell me what i need to do so that text will automatically rap around an image, Im sure there is an easy way to make it happen (infact iv seen it) but i dont know how to do it any help?. i will add an image of what i want it to look like.
    thanks ppl
    Attached Images Attached Images

  2.  

  3. #2
    Member
    Join Date
    Dec 2005
    Posts
    92
    Member #
    12042
    yeah you have to use div's and CSS

    Create a div, the width of the text, then create another div the size of the image, then place the image div inside the txt div, and it should wrap.

    Sorry if i didn't explain well, its past midnight. tired

    Edit, http://www.w3schools.com/css/default.asp that might help.

  4. #3
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    You dont need anything fancy to do that!

    Just insert the image into your table or div (which ever you are using) and then align the picture either left/right/top/bottom/middle etc.
    HTML Code:
    <img src='images/image.jpg' align="left"/>
    Give it a try....

  5. #4
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Quote Originally Posted by jbagley
    You dont need anything fancy to do that!

    Just insert the image into your table or div (which ever you are using) and then align the picture either left/right/top/bottom/middle etc.
    HTML Code:
    <img src='images/image.jpg' align="left"/>
    Give it a try....
    Depending on what DOCTYPE mortalwombat is using, the align attribute is deprecated in the img element.

    I would suggest a simple float in the img like

    HTML Code:
    <img src="...." style="float: left;">
    hth
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  6. #5
    Senior Member igeek's Avatar
    Join Date
    Oct 2005
    Posts
    202
    Member #
    11644
    you can even add margin/padding or border..

    goes in your style sheet...
    #image_styles
    {
    float: left;
    padding:5px;
    border:1px solid black;
    }

    <img src="your imagefile" id="image_styles">

    here is a good site for info on doctypes
    http://www.communitymx.com/content/a....cfm?cid=85FEE

  7. #6
    Senior Member jbagley's Avatar
    Join Date
    Sep 2004
    Location
    Cape Town
    Posts
    845
    Member #
    7422
    Quote Originally Posted by karinne
    Depending on what DOCTYPE mortalwombat is using, the align attribute is deprecated in the img element.
    Thanks for the info Karinne. I never knew that!

  8. #7
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    no problem jason
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:53 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com