Spacing around images... 1616 Responses

Last post: 4 months, 2 weeks ago | Thread started: Jul 9, 08, 9:16 a.m.

RespondNew TopicDisable Images

• mimeartist

  I need to layout a grid of images (equally space that wrap in the browser) what is the best way of making there a 10 pixel gap between each one?

  Jul 9, 08, 9:16 a.m. – Permalink

• TheBlueOne

  ask them nicely?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:16 a.m. – Permalink

• meffid

  how many die cuts?

  • OI SPACE OUT 10 PIXELS NOW YA CUNTS– avolve1/2

    V– avolve2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:17 a.m. – Permalink

• brains

  ask them NOT so nicely. doye.

  • well you get more with honey than vinegar, but hey whatever works for you...– TheBlueOne

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:17 a.m. – Permalink

• 7point34

  5px margin?

  • do it in 5k hours or less!!!– 7point341/2

    ROOOOFL– meffid2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:17 a.m. – Permalink

• flashbender

  padding:10px

  • oop. 5px.
    me not good with teh maths– flashbender1/6

    but then you'd be off around the edges, no?– TheBlueOne2/6

    I'd put 10px padding, but only on the right and bottom.– detritus3/6

    the outer edges you mean? Maybe, I suppose you could set a padding-left/right for the end ones. Wouldn't margin have the same issue?– flashbender4/6

    same issue?– flashbender5/6

    I like them with a little padding on the bottom..oh wait..what are we talking about?– TheBlueOne6/6

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:18 a.m. – Permalink

• meffid

  put them in tables and put 10px wide empty tables next to them

  • Lolercoaster– flashbender1/2

    thought someone would like it ;)– meffid2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:19 a.m. – Permalink

• mimeartist

  hmm padding-bottom:10px doesn't work.... ahhh!

  • margin: 0 10px 10px 0;?– detritus1/2

    If I haven't coded for a while, I always get Padding and Margin mixed up...– detritus2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:32 a.m. – Permalink

• mimeartist

  but padding-right does!

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:33 a.m. – Permalink

• mimeartist

  f*** it lifes to short did it in tables...

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:38 a.m. – Permalink

• Jaline

  Does margin work more than padding does? Even though padding makes more sense? Maybe these gov. sites I work with are just shite.

  • *does = doesn't– Jaline

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:45 a.m. – Permalink

• yaphi

  img {
  float:left;
  margin-right:10px;
  }

  then wrap all your images in a wrapper div
  #div {
  width:whateverpx;
  }

  that way the images will just line up in a grid.

  • < vwat this man sez, unt viz perhaps a leetle margin on ze unterside?– detritus1/3

    and put the margin-bottom on the div... this is good too– 7point342/3

    beat me again you leprechan– 7point343/3

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:46 a.m. – Permalink

• 7point34

  i think margin can be quirky for inline elements and all browsers are a bit different about it.

  set the height and width of it and position: relative; maybe?

  • yeah, maybe. it's all trial and error.– Jaline1/2

    oh and of course the float like mentioned above– 7point342/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:47 a.m. – Permalink

• yaphi

  I am doing this exact method here,
  http://livewire-records.com/band…

  There is no "browser problem" with using a simple margin-right and margin-bottom. It will work as long as you float:left and put a wrapper around the whole thing with a width.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:52 a.m. – Permalink

• mimeartist

  cool ta

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 9, 08, 9:55 a.m. – Permalink

• mimeartist

  thanks again for this... sorted me out a treat

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 10, 08, 4:50 a.m. – Permalink

• mhr

  you can use display: block for images then they render properly <.<

  my "advice"

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earJul 10, 08, 6:41 a.m. – Permalink