Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder The Noob Coder's Avatar
    Join Date
    Jul 2012
    Location
    The City that Never Sleeps
    Posts
    99
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question How can I arrange two images around two different blocks of text?

    I'm working on this site and the last guy to work on it decided to make everything an image on the site, including the text. My primary goal right now is to make as many of the text/images into actual text as I possibly can.

    Here is an example that I am working on right now:


    I want to take the paragraph and the sentences below the picture of the truck and make them text, but I want to keep separate images of the truck and the logo on the right in the same positions as they are in this picture. You can assume the truck is truck.png and the logo is logo.png.

    I know this involves floating images around and changing the positions (relative, absolute, etc.), but I don't really know much about manipulating image positions other than putting images next to each other and below each other. Any help would be appreciated. Thanks!

  • #2
    Regular Coder
    Join Date
    Jun 2012
    Location
    Near Chicago, USA
    Posts
    123
    Thanks
    7
    Thanked 19 Times in 19 Posts
    Quote Originally Posted by The Noob Coder View Post
    I'm working on this site and the last guy to work on it decided to make everything an image on the site, including the text. My primary goal right now is to make as many of the text/images into actual text as I possibly can.

    Here is an example that I am working on right now:


    I want to take the paragraph and the sentences below the picture of the truck and make them text, but I want to keep separate images of the truck and the logo on the right in the same positions as they are in this picture. You can assume the truck is truck.png and the logo is logo.png.

    I know this involves floating images around and changing the positions (relative, absolute, etc.), but I don't really know much about manipulating image positions other than putting images next to each other and below each other. Any help would be appreciated. Thanks!
    Here is some pseudo-code to get you started.

    Code:
    <img src="truck.png" style="float:left;">
    <p>
    text on right of image.
    </p>
    <img src="logo.png">
    <div style="clear:both;"></div>
    <p>
    text below image
    </p>
    Will
    Last edited by Will Bontrager; 07-04-2012 at 01:58 PM. Reason: misplace semi-colon in code
    Numerology API for apps - Facebook, iPad, mobile phones. No charge to use API. [info]

  • #3
    New Coder The Noob Coder's Avatar
    Join Date
    Jul 2012
    Location
    The City that Never Sleeps
    Posts
    99
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Wow! This worked out really nicely. Thanks!
    Last edited by The Noob Coder; 07-04-2012 at 01:51 AM.

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    831
    Thanks
    10
    Thanked 79 Times in 77 Posts
    ☠ ☠RON☠ ☠


  •  

    Tags for this Thread

    Posting Permissions

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