table issue |
table issue |
alythall |
Jun 29 2007, 06:22 PM
Post
#1
|
Group: Members Posts: 4 Joined: 29-June 07 Member No.: 3,237 |
Hi,
I am setting up a bookstore website. I need help with the table layouts please. I have pasted the HTML for my website below. I need to split the table content indicated into two columns, so that book pictures can go in one column and text in the other. I have tried adding another column, but this messes up the layout badly. The necessary changes are indicated by the red text below. Thanks!! AL. <head> <link rel="shortcut icon" href="favicon.ico"> <title>L y t h a l l & F r y e r: Fine ecclesiastical and historical books</title> <STYLE type=text/css>A { COLOR: white; TEXT-DECORATION: none } A:hover { COLOR: #ffffcc; TEXT-DECORATION: none } </STYLE> </head> <body> <table width=800px; border=1 cellpadding=1 cellspacing=0 align=center> <tr> <td width=90%> <div align=left> <a href='index.html'><img src='lflogo.gif' border=0></a> </td> <td width=10% valign=bottom> <a href='binding.html'><img src='books.gif' border=0></a> <a href='viewcart.html'><img src='cart.gif' border=0></a> </td> </tr> <tr> <td bgcolor=#000000 valign=top colspan=6 align=center valign=top> <div align=center> <font face=arial size=1 color=#ffffff> <a href='about.html'>+ ABOUT</a> <a href='latest.html'>+ LATEST TITLES</a> <a href='ecclesiastical.html'>+ ECCLESIASTICAL</a> <a href='historical.html'>+ HISTORICAL</a> <a href='misc.html'>+ OTHER</a> <a href='students.html'>+ STUDENTS</a> <a href='gifts.html'>+ GIFTS</a> <a href='offers.html'>+ OFFERS</a> <a href='donate.html'>+ DONATE</a> <a href='contact.html'>+ CONTACT US</a> </td> </tr> </table> <table width=800px; border=0 cellpadding=0 cellspacing=0 align=center> <tr> <td width=18% align=center valign=top> <img src='bayeux.jpg'><br> <a href='about.html'><img src='babout.gif' border=0></a><br> <a href='latest.html'><img src='blatest.gif' border=0></a><br> <a href='ecclesiastical.html'><img src='becclesiastical.gif' border=0></a><br> <a href='historical.html'><img src='bhistorical.gif' border=0></a><br> <a href='misc.html'><img src='bmisc.gif' border=0></a><br> <a href='gifts.html'><img src='bgifts.gif' border=0></a><br> <a href='students.html'><img src='bstudents.gif' border=0></a><br> <a href='binding.html'><img src='bbinding.gif' border=0></a><br> <a href='donate.html'><img src='bdonate.gif' border=0></a><br> <a href='contact.html'><img src='bcontact.gif' border=0></a> <font face=arial size=1> <a href='packs.html'><img src='box.bmp' border=0></a><br> </td> <td width=1% align=center valign=top background='line.gif'> <br><br><br><br><br><br><br><br><br><br><br><br><br><br ><br><br> </td> <!-- HELP REQUIRED HERE> <td width=60% align=center valign=top bgcolor=#ffffff> <div align=center> <div align=center> <img src='lministry.gif'> <div align=left> <font face=arial size=2> <img src='searchlightsb.png'><br><br> <strong>ADAM, D. Searchlights: the all age resource for All Age Worship (year B).</strong><br> The complete resource book for All Age Worship. <br> <font color=#000000>RRP £19.99. <font color=red>Our price: £15.50<br><font color=red> <img src='addtobasket.gif'> <br><br><font color=#000000> <img src='searchlightsc.png'><br> <br> <strong>ADAM, D. Searchlights: the all age resource for All Age Worship (year C).</strong><br> The complete resource book for All Age Worship. <br> <font color=#000000> RRP £19.99. <font color=red>Our price: £15.50<br><font color=#000000> <img src='addtobasket.gif'> </td> <td width=1% align=center valign=top background='line.gif'> <br><br><br><br><br><br><br><br><br><br><br><br> </td> [color=#FF6666]<!-- HELP REQUIRED ENDS> <td width=18% align=center valign=top bgcolor=#ffffff> <div align=center> <font face=arial size=1> <br> <img src='products/d.prime.jpg' border=1'> <br> PRIME: The Lord's Prayer for today- <font color=red> £6.80<br><font color=#000000> <img src='addtobasket.gif'> <br><br> <img src='products/a.judd.jpg' border=1'> <br> KURHT: An Introduction to Christian Ministry- <font color=red> £7.65<br><font color=#000000> <img src='addtobasket.gif'> <br><br> <img src='products/1corinthians.jpg' border=1> <br> PRIME: The Lord's Prayer for today- <font color=red> £6.59<br><font color=#000000> <img src='addtobasket.gif'> <br><br> <img src='adbutton.gif'> </td> </tr> <tr> <td width=100% bgcolor=#ffffff colspan=6> <div align=center> <hr width=50%><font face=arial size=1 color=#000000><a href='terms.html'><font color=blue>Terms and Conditions</a> | <a href='disclaimer.html'><font color=blue>Disclaimer</a> | <a href='privacy.html'><font color=blue>Privacy policy</a><br><font color=#000000>Images and content copyright © L y t h a l l & F r y e r 2006. </td> </tr> </table> <br> </body> This post has been edited by Darin McGrew: Jul 7 2007, 12:19 PM |
Darin McGrew |
Jun 29 2007, 08:05 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
I recommend that you start by fixing the errors reported by our online HTML validator.
When debugging table structure, it helps to turn on borders everywhere. That lets you see what's going on with the table structure more easily. Once you have the structure right, you can turn the borders back off. |
Lo-Fi Version | Time is now: 17th May 2024 - 10:36 PM |