Spacing around images...
- Started
- Last post
- 16 Responses
- ********
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?
- TheBlueOne0
ask them nicely?
- meffid0
how many die cuts?
- brains0
ask them NOT so nicely. doye.
- well you get more with honey than vinegar, but hey whatever works for you...TheBlueOne
- 7point340
5px margin?
- flashbender0
padding:10px
- oop. 5px.
me not good with teh mathsflashbender - but then you'd be off around the edges, no?TheBlueOne
- I'd put 10px padding, but only on the right and bottom.detritus
- 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?flashbender
- same issue?flashbender
- I like them with a little padding on the bottom..oh wait..what are we talking about?TheBlueOne
- oop. 5px.
- meffid0
put them in tables and put 10px wide empty tables next to them
- Lolercoasterflashbender
- thought someone would like it ;)meffid
- ********0
but padding-right does!
- ********0
f*** it lifes to short did it in tables...
- Jaline0
Does margin work more than padding does? Even though padding makes more sense? Maybe these gov. sites I work with are just shite.
- yaphi0
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.
- yaphi0
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.
- ********0
cool ta
- ********0
thanks again for this... sorted me out a treat
- mhr0
you can use display: block for images then they render properly <.<
my "advice"