div alignment

[TheLastSuperman]

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 .

<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

<div style="margin-bottom:20px;"> Img code here etc </div>

OR

<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:

<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