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 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    18
    Thanks
    1
    Thanked 0 Times in 0 Posts

    I have simple image html question.

    So i was writing out this code:

    <p><img src=http://img514.imageshack.us/img514/1807/examplefl8.png>text</p>

    Now p align only works with center, left, right, and justify, so is there a code to start the code on the top of the text, instead of the bottem?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You can float the image to the left or to the right like so
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    .fleft {
    float:left;
    }
    
    .fright {
    float:right;
    }
    </style>
    </head>
    <body>
    <p><img src="http://img514.imageshack.us/img514/1807/examplefl8.png" width="130" height="77" alt="" class="fleft"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor.
    	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor. </p>
    <p><img src="http://img514.imageshack.us/img514/1807/examplefl8.png" width="130" height="77" alt="" class="fright"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor.
    	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis sit amet neque. Maecenas tempor orci eu diam. Suspendisse id diam. Pellentesque nonummy, neque eget scelerisque vehicula, diam massa suscipit diam, vel malesuada eros felis ac mauris. Quisque id neque in mi semper vehicula. Morbi semper, est nec placerat dapibus, ante magna tincidunt diam, eget pellentesque leo purus a nisi. Phasellus eros. Nunc faucibus urna vel risus. Aliquam porta ullamcorper lorem. In vehicula lacus. Proin sed purus ac mauris cursus venenatis. Integer sapien tortor, volutpat eget, dictum eu, congue sed, leo. Vivamus dictum turpis ac ipsum. In viverra dolor. </p>
    </body>
    </html>
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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