FuzzyMog Posted February 23, 2007 Report Share Posted February 23, 2007 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 Quote Link to post Share on other sites
Phil Posted February 23, 2007 Report Share Posted February 23, 2007 Which way do you want the triangle orientated?~Phil~ Quote Link to post Share on other sites
FuzzyMog Posted February 23, 2007 Author Report Share Posted February 23, 2007 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. Quote Link to post Share on other sites
jsbowen Posted February 23, 2007 Report Share Posted February 23, 2007 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> Quote Link to post Share on other sites
Phil Posted February 24, 2007 Report Share Posted February 24, 2007 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> Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.