Need Help With Template Design

[FuzzyMog]

Hello all;

I'm attempting to create a template for the main page of my site that has 3 door images with links below them. I'm wanting them to be arranged in a triangle and have mouse over effect of the door opening. I can do the graphics myself, but I don't know much about positioning with CSS. Even using tables would do. This task doesn't seem too hard and I was hoping someone could help. I will be very thankful if anyone could help me.

Thanks

[Phil]

Which way do you want the triangle orientated?

~Phil~

[FuzzyMog]

1 Image on the top center, but spaced out a little from the very top. 1 image in the bottom left and 1 image in the bottom right, also away from the side. So just a centered triangle of images.

[jsbowen]

Tables would do nicely. It would very basically look something like:

<table>
<tr>
<td colspan="2" align="center"><img src="top_center.gif"></td>
</tr>
<tr>
<td><img src="bottom_left.gif"></td><td><img src="bottom_right.gif"></td>
</tr>
</table>

[Phil]

Since tables are for tabulating data rather than positioning things on a page, this is better:

<div style="text-align: center">
	<div>
		<img src="img1.jpg" alt="img1" />
	</div>
	<div style="float: left">
		<img src="img2.jpg" alt="img2" />
	</div>
	<div style="float: right">
		<img src="img3.jpg" alt="img3" />
	</div>
</div>