|
View Full Version : 2 adjacent tables Moonlit 08-07-2004, 10:47 AM How can I make 2 tables adjacent to one another? (Example of where it isn't working: MoonlitGallery.net/ArtGallery---Main.html) I've tried putting them in one big table and such but that doesn't seem to work. How can I do this? Thank you. StarryIlove 08-07-2004, 11:12 AM You can try putting them within one big table like this: <table> <TR> <TD> <table> <tr> <td> (First Table) </tr> </td> </table> </td> <TD> <table> <tr> <td> (Second Table) </tr> </td> </table> </td> </tr> </table> Other than that you can try using a css layout. I find thats an easier way to make sure everythings aligned right. Moonlit 08-08-2004, 09:33 AM I don't like CSS layouts...and the larger table doesn't work. Is there any other way? pb&j 08-08-2004, 03:56 PM 1. it is great you provide the URL to your page example, but please link it so we can view it easier. 2. the only way to create a table side by side is to use a larger main table or css positioning. either way does work. 3. i did not see any outer table on your page example, so here is your solution... <html> <head> <title>Art Gallery Menu</title> <LINK href="stylesheet.css" rel="stylesheet" type="text/css"> </head> <body> <div align="center"> <table><tr><td> <table bgcolor="#6633cc"><tr><td> <table bgcolor="#000000" width="450" cellspacing="0" cellpadding="20"><tr><td align="center"> <img src="Title---Moonlit_Art_Gallery.jpg" width="290" height="84" alt="Moonlit Art Gallery"><br><br> <img src="Artwork---Intro---Colored_Pencil---Star-crossed.jpg" width="35" height="136" alt="Intro"> <img src="Artwork---Intro---Pencil---Mysterious_Smile.jpg" width="35" height="136" alt="Intro"> <img src="Artwork---Intro---Pencil---Indian_woman.jpg" width="35" height="136" alt="Intro"> <img src="Artwork---Intro---Pencil---Girl_from_India_sketch_labeled.jpg" width="35" height="136" alt="Intro"> <img src="Artwork---Intro---Pencil---Roman_Man_2.jpg" width="35" height="136" alt="Intro"> <p> <span class="textbg"><a href="ArtGallery---Thumbnails.html" target="middleframe">View All</a> <span class="bluetxt">|</span> <a href="ArtGallery---SketchJournal.html" target="middleframe">Sketch Journal</a></span><br> <span class="textbg">Use Left and Right menus to view individual pieces.</span> </td></tr></table> </td></tr></table> </td><td> <table bgcolor="#6633cc"><tr><td> <table bgcolor="#000000" cellspacing="0" cellpadding="10"> <tr><td align="center">Artists<br> <span class="textbg"><a href="http://www.michelangelo.com/buonarroti.html" target="_blank">Michelangelo Buonarroti</a></span><br> <span class="textbg"><a href="http://www.dali-gallery.com/" target="_blank">Salvador Dali</a></span><br> <span class="textbg"><a href="http://www.stevewalkerart.com/" target="_blank">Steve Walker</a></span><br> <span class="textbg"><a href="http://johnwilliamwaterhouse.com/" target="_blank">John William Waterhouse</a></span><br> </td></tr></table> </td></tr></table> </td></tr></table> </div> </body> </html> |