The following code is part of my shopping page and I'm having a problem with the cell that contains the image.<br />
<br />
I want to be able to define the width of this cell in pixels and also define the width of the cell that contains the price in percent,leaving the remaining cell in the center for the description to fill the remaining space. The problem occurs when I change the header text to a different length and the image cell changes aswell. The image cell should be only slightly larger than the table within.<br />
<br />
URL here<br />
<br />
<!-- m --><a class="postlink" href="http://www.djsuperstore.co.uk/new_page_1.htm">http://www.djsuperstore.co.uk/new_page_1.htm</a><!-- m --><br />
<br />
Thanks in advance for any suggestions.<br />
<br />
<br />
<html><br />
<br />
<head><br />
<meta http-equiv="Content-Language" content="en-gb"><br />
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"><br />
<meta name="ProgId" content="FrontPage.Editor.Document"><br />
</head><br />
<br />
<body><br />
<br />
<table width="100%" border="2" cellspacing="4" cellpadding="0"><br />
<tr><br />
<td colspan="3" bgcolor="#3F28A0" width="0" nowrap><b><br />
<font face="Tahoma" color="#FFFF00">This is the text that changes the size <br />
of the image cell below</font></b></td><br />
</tr><br />
<tr><br />
<td width="110" valign="top" align="center"><br />
<table border="6" cellspacing="4" cellpadding="0" width="100%"><br />
<tr><br />
<td width="100%" align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"http://www.djsuperstore.co.uk/pimages/TP019721.jpg" Width="85" border="0" hspace="2" vspace="2"></td><br />
</tr><br />
</table><br />
</td><br />
<td>Description Here</td><br />
<td width="15%" height="100%" valign="center">Price</td><br />
</tr><br />
</table><br />
<br />
</body><br />
<br />
</body><br />
<br />
</html><!--content-->that text has nothing to do with the image cell below it. your problem is that you didn't give the description cell a width. you need to give it like a width of 85% and it will cure your problem.<!--content-->go with pixels I dont like % that much, but if you want go for it. I think pixels are easier.<br />
<br />
And doesnt the percentage only go up to 100%? (its been a slow day for me....)<!--content-->Add this in the <head> section:<br />
<br />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><br />
<br />
as it is required.<br />
<br />
<br />
<br />
One of the valign attributes has a non valid value.<br />
<br />
<br />
You are missing a </td> tag.<br />
<br />
<br />
You have two </body> tags.<br />
<br />
<br />
Add the alt="some text" attribute to the img tags.<br />
<br />
<br />
<br />
See this link: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.djsuperstore.co.uk%2Fnew_page_1.htm&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --> for a proper list.<!--content-->I didnt even see that second body tag. The validator is a good tool.<!--content-->you didn't need to use a validator to see that
it is in this post.<!--content-->
<br />
I want to be able to define the width of this cell in pixels and also define the width of the cell that contains the price in percent,leaving the remaining cell in the center for the description to fill the remaining space. The problem occurs when I change the header text to a different length and the image cell changes aswell. The image cell should be only slightly larger than the table within.<br />
<br />
URL here<br />
<br />
<!-- m --><a class="postlink" href="http://www.djsuperstore.co.uk/new_page_1.htm">http://www.djsuperstore.co.uk/new_page_1.htm</a><!-- m --><br />
<br />
Thanks in advance for any suggestions.<br />
<br />
<br />
<html><br />
<br />
<head><br />
<meta http-equiv="Content-Language" content="en-gb"><br />
<meta name="GENERATOR" content="Microsoft FrontPage 5.0"><br />
<meta name="ProgId" content="FrontPage.Editor.Document"><br />
</head><br />
<br />
<body><br />
<br />
<table width="100%" border="2" cellspacing="4" cellpadding="0"><br />
<tr><br />
<td colspan="3" bgcolor="#3F28A0" width="0" nowrap><b><br />
<font face="Tahoma" color="#FFFF00">This is the text that changes the size <br />
of the image cell below</font></b></td><br />
</tr><br />
<tr><br />
<td width="110" valign="top" align="center"><br />
<table border="6" cellspacing="4" cellpadding="0" width="100%"><br />
<tr><br />
<td width="100%" align="center"><br />
<img src=http://www.htmlforums.com/archive/index.php/"http://www.djsuperstore.co.uk/pimages/TP019721.jpg" Width="85" border="0" hspace="2" vspace="2"></td><br />
</tr><br />
</table><br />
</td><br />
<td>Description Here</td><br />
<td width="15%" height="100%" valign="center">Price</td><br />
</tr><br />
</table><br />
<br />
</body><br />
<br />
</body><br />
<br />
</html><!--content-->that text has nothing to do with the image cell below it. your problem is that you didn't give the description cell a width. you need to give it like a width of 85% and it will cure your problem.<!--content-->go with pixels I dont like % that much, but if you want go for it. I think pixels are easier.<br />
<br />
And doesnt the percentage only go up to 100%? (its been a slow day for me....)<!--content-->Add this in the <head> section:<br />
<br />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><br />
<br />
as it is required.<br />
<br />
<br />
<br />
One of the valign attributes has a non valid value.<br />
<br />
<br />
You are missing a </td> tag.<br />
<br />
<br />
You have two </body> tags.<br />
<br />
<br />
Add the alt="some text" attribute to the img tags.<br />
<br />
<br />
<br />
See this link: <!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.djsuperstore.co.uk%2Fnew_page_1.htm&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a><!-- m --> for a proper list.<!--content-->I didnt even see that second body tag. The validator is a good tool.<!--content-->you didn't need to use a validator to see that
it is in this post.<!--content-->