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 4 of 4
  1. #1
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    Hi all,

    Having a slight issue with some dive floats, attempting to put some images alongside text on my site however they are appearing on the line below.

    It's not up on-line yet so I've posted the code, if anyone if interested in helping and want's to see the code I can e-mail you the textedit files, or like I said here's the code...

    Apologies if I 've missed something obvious have been looking over this for a while now and not getting anywhere!

    <div id="content">
    <p> About us </p>
    </div>
    <div id="images">
    <img src="images/image1.gif">
    </div>
    <div style="clear: both;"> </div>

    CSS

    #images {
    padding: 5px 10px 10px 10px;
    margin-left: 570px;
    width: 230px;
    }


    #content {
    color:#030303;
    font-family: Arial;
    font-size:14px;
    padding:5px 250px 5px 20px;
    text-decoration:none;
    text-align:justify;
    float:left;
    width: 530px;
    }

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Float the images to the right and remove the margin-left part. You'll probably get what you want then.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Member Sault Web Design's Avatar
    Join Date
    Apr 2011
    Location
    Sault Ste Marie, Ontario Canada
    Posts
    36
    Member #
    27402
    Liked
    3 times
    you could float the images left as well and remove the margin and than adjust to your needs after its beside it. But I agreem with previous post that a right float is probably your best bet. Generally if you want things to line up like that not contained in the same div you need to float them one way or the other and not just one the elements.

  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Put the image before the text, that should fix it.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


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:42 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com