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>