div alignment

[marcopolo]

Strange image position problem.

When this page is first loaded, the images seems to be out of position compared to the 'click here' part until you select the article.

http://www.os-db.net/content.php?392-testing-area

and the code for the article, which I'm sure could do with amending!!

<div style="float: left;"TITLE="Your text description"></div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>

<div style="float: left;" TITLE="Your text description"></div><div style="float:left;"></div>

Maybe I'm not using the div tag to display it correctly

[BirdOPrey5]

You really need to put code between [CODE] and [/CODE] or [HTML] and [/HTML] BB Codes... I can't make heads or tails of what you posted above... I see some broken tags like

style="float:left;">

But I don't know if they're really broken or if the image is breaking them.

[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?

[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

[marcopolo]

Thanks very much for the help, it was the br that I was trying to recall.

Incidentally, why do the images show out of alignment in the section showing the article, but click on the article and the images are fine http://www.os-db.net/content.php?391-test-area