Results 1 to 3 of 3

Thread: Aligning Images with CSS??

  1. #1
    Join Date
    Aug 2006
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Aligning Images with CSS??

    Hi Everyone,

    I was wondering if I could get some help on something. I am working on a new site:

    http://southbeachgroup.com/allie2/chesterfield.html

    Now on these pages I have that square slideshow and in an ideal world it would line up with that line of 5 thumbnails. I even counted the number of words so that it would align correctly.

    On my Mac it looks perfect but my friend just checked it on her PC and it is totally out of alignment.

    Is there any way I can use some sort of code or css style to make this happen?

    I have heard about containers but I am not sure if that;s what I need or not.

    Thanks for any help you can give me!!

  2. #2
    Join Date
    May 2007
    Location
    England, UK
    Posts
    235
    Thanks
    3
    Thanked 6 Times in 6 Posts

    Default

    Try using <div> tags rather than tables to make your layout.
    You can then position images exactly where you want!

    e.g.
    Code:
    <style type="text/css">
    <!--
    .style1 {
    position: absolute;
    top: 100px;
    left: 50px:
    }
    -->
    </style>
    
    <body>
    
    <div class="style1"><img src="yourimage.jpg" /></div>
    
    </body>

  3. #3
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yep use div and float property. You can read more here:

    http://www.dynamicdrive.com/forums/s...ad.php?t=20832

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
  •