css layout..

[brown2005]

Hi, I use to do all my layouts in tables so im now learning div layouts.. is this correct or is there better way?

 

	echo"	<div id='partners'>

			<div class='sponsor'>

				<div class='sponsor-title'></div>

				<div class='sponsor-content'></div>	

			</div>

			<div class='partners'>

				<div class='partners-title'></div>

				<div class='partners-content'></div>	

			</div>

		</div>";

[brown2005]

sorry what this does is creates two boxes.... 1 a sponsor box and 1 a partner box, the sponsor box is 150px wide and 75px high and the partners box is 600px wide and 75px high...

 

and in each box it has a title which is at the top of the box with a 25px height and a border for the bottom.

[moberemk]

Well have to see the CSS code first though. The markup looks good though.

[ToonMariner]

div class='sponsor-title'></div>

should surely be <h1> ????

 

<div class='sponsor-content'></div>

should just be a series of paragraphs and other markup to display content?

 

use the correct markup for the correct info. DON'T GET DIVITIS...

[brown2005]

lol.. thanks mate, thats wat i was trying to find out... sounds like a bad disease, 'divitis'

 

one thing with the content part though on the partner bit i will want to have say 10 different images... what would be the best way to do that.

[ToonMariner]

jsut put the <img> tags in and float them left give them margin-right and margin-bottom in your css and the'll flow beautifully...