Quote:
Originally Posted by marcopolo
Sorry, not the best example. Thing is, I'm putting lots of div and /div to force the next images under the top image, is there a simpler way?
|
Tons of ways actually just depends on how you want to go about it...
first off remove about 9000 of those <div>'s (kidding

) then let's show you how to do it in a better fashion

.
Code:
<div style="margin-top:10px;margin-bottom:10px;"> Img code here etc </div>
Change the value of 10 to the number of pixels you want the "invisible space" to be

.
OR
Code:
<div style="margin-bottom:20px;"> Img code here etc </div>
OR
Code:
<div style="padding:10px;"> Img code here etc </div>
OR
You can simply add in some <br />'s to accomplish the same thing but it's better to use some defining attributes so it's a near perfect match in all browsers

but here's a example:
Code:
<div style="margin-top:10px;margin-bottom:10px;"> Img code here etc plus these breaks after the code and before the ending div <br /><br /></div>
Now, there's other ways some might come in here and post an alternative or not, some might have their own little tricks to do something in a clever way etc the best bet for you imo, is to learn some simple CSS then you'll be able to manipulate the appearance of your articles and your site overall

.
http://www.w3schools.com/css/default.asp