I know this is a simple question but I cant seem to get my head round it, can someone adivse me how I would arrange the images to be in a 3xgrid and/or fit in the big box?
this is the code - http://jsfiddle.net/kommandoss/YuRpU/21/
thank you
-
1Please put a real question in your title/post.user166390– user1663902012-03-11 18:56:46 +00:00Commented Mar 11, 2012 at 18:56
Add a comment
|
4 Answers
float:left or display:inline-block.
#deck>div{
display:inline-block;
}
Fiddle: http://jsfiddle.net/YuRpU/24/
1 Comment
Faust
Yes: it needs to be placed on the div containing the img. (Also, had to +1 to kill your 666 score)
Add float:left to the img style declaration
img{ cursor: pointer; float:left;}
fiddle: http://jsfiddle.net/YuRpU/22/
Comments
div is a block element and so will take up an entire line by default.
All you have to do is make them display inline OR get rid of the extra ones
<div>
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
</div>
<div>
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
</div>
Comments
You need to float the inner divs to make them wrap, have a look at http://jsfiddle.net/YuRpU/23/ .
