Results 1 to 2 of 2

Thread: CSS code for NO SPACE between objects

  1. #1
    Join Date
    Feb 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile CSS code for NO SPACE between objects

    Hey gang,

    i'm trying to alter a tumblr layout i've designed, and i just want to know the css code so that posts (images only) just slot in next to each other, without any space. (As if they were designed like a collage.)

    For example, if i'm posting images that are slightly different sizes, each post will just slot in next to the one before it.
    i have seen another website with this layout and contacted the designer, to no avail. If i've confused you, check out www.them-thangs.com - that is what i'm on about!

    i have been asking EVERYONE, and had no answer... i always seach this forum first for my other queries, so fingers crossed someone can help me out with this.
    i would seriously appreciate any help with this at all!!!!

    pixie.

  2. #2
    Join Date
    Jan 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi pixie,

    It's more simpler than you might think.

    Here's how their html code looks like...

    HTML Code:
    <img class="floatleft" src="hello.jpg" />
    <img class="floatleft" src="hello.jpg" />
    <img class="floatleft" src="hello.jpg" />
    <img class="floatleft" src="hello.jpg" />
    Now, the only css code I added was this...

    Code:
    .floatleft
    {
    	float:left;
    }
    Floats the image left.

    Here's an example of what I've done.

    http://yoshigonemad.pcriot.com/

    Let me know how it goes.
    Last edited by YoshiGoneMad; 02-20-2010 at 03:00 PM.

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
  •