Why some <td> don't show inside a table?

[shvemel]

I have set a typical html table with 4 td's, each one containing different information. I tested it at an article page within my site and it's working fine, but when I added the code to the home page only the first <td> shows up, the other 3 are hidden! ?
I couldn't figure out the cause. Any help is greatly appreciated.

Perhaps its a conflict between the main css file, maybe I need to exclude css style in that table, how do I do that?

I paste the code

<DIV class=pnlBlockTitle id=ctl00_contentMasterPage_ucRelatedProducts_pnlRelatedProductsTitle>
<H2>HOT SELLERS...</H2></DIV>
<DIV>
<DIV class=pnlPageCustomContent>
<TABLE style="WIDTH: 533px" cellSpacing=5 cellPadding=9 align=center bgColor=#ffffff border=1 <TBODY>
<TBODY>
<TR>
<TD style="WIDTH: 133px">
<P><A href="/-P1560.aspx"><IMG alt='Kaco Arlington, 30"-36" Vanity w/Top' src="/ImgDisplay.aspx?img=5300 2400.jpg&amp;h=75&amp;w=75"></A></P>
<DIV><A href="/-P1560.aspx">Kaco Arlington, 30"-36" Vanity w/Top</A></DIV>
<DIV class=priceBold>$0</DIV></TD>
<TD style="WIDTH: 133px">
<P><A href="/-P300.aspx"><IMG alt="Pacific Silvercloth Silver Drawer Insert - 2 sizes" src="/ImgDisplay.aspx?img=pacific_image.jpg&amp;h=75&amp;w=75"></A></P>
<DIV><A href="/-P300.aspx">Pacific Silvercloth Silver Drawer Insert - 2 sizes</A></DIV>
<DIV class=priceBold>$0</DIV></TD>
<TD style="WIDTH: 133px">
<P><A href="/-P299.aspx"><IMG alt='Sliding Valet Rod 12" by October' src="/ImgDisplay.aspx?img=valet_rods-new.jpg&amp;h=75&amp;w=75"></A></P>
<DIV><A href="/-P299.aspx">Sliding Valet Rod 12" by October</A></DIV>
<DIV class=priceBold>$0</DIV></TD>
<TD style="WIDTH: 133px">
<P><A href="/-P6271.aspx"><IMG alt="Herbeau Royale 2-Hole Kitchen Mixer - 3022" src="/ImgDisplay.aspx?img=3022hrb.jpg&amp;h=75&amp;w=75"></A></P>
<DIV><A href="/-P6271.aspx">Herbeau Royale 2-Hole Kitchen Mixer - 3022</A></DIV>
<DIV class=priceBold>$0</DIV></TD></TR></TBODY></TABLE></DIV></DIV>

The link to the site is www.thehomedecor.net

[coothead]

Hi there shvemel,

and a warm welcome to these forums.

Your page has 581 Errors and 50 warnings.

• http://validator.w3.org/check?verbos...medecor.net%2F

I would suggest that you attend to these first.

If this does not correct your problem then let us know.

[shvemel]

Thanks coot.
Validation is not the case at this point.
That don’t mean much in the real world. (Dan Thies)

I wonder why Amazon has 1600+ errors

[jthayne]

First things first. Coot pointed you to the validation because 9 times out of 10, fixing validation errors will correct issues you are having with the page. It would be worth looking into in any case simply to make sure there are not any glaring errors.

But to answer your question, the problem is with a CSS conflict. Specifically, the width declared for:

.text-block p

Change that width (or just get rid of the width altogether as it did not appear to mess up your site at all), and you will be fine.

[coothead]

Hi there shvemel,

Validation is not the case at this point.

Well I would like to draw your attention to this comment that I read somewhere...

"Regardless of blame or origin, if the mark-up is invalid, then you may be forcing the browser
to "guess" what your intentions are. While the standards are pretty specific on what user agents
should do in specific mark-up circumstances, when they have to guess and make assumptions due to
invalid mark-up, then there is no guarantee that any two will make the same guesses/assumptions.

In general it has been my experience that if the HTML/CSS is error-free with a valid, fully
qualified DOCTYPE declaration as the first line (so that IE is not in "tweaks mode"), 99.99% of
browser differences disappear (at least when using reasonably current browsers).

Unfortunately web authors have been spoiled by web browsers that let them get away with invalid
mark-up. If you were to write a computer program with syntax errors, it would most likely not
run/compile at all. Browsers instead just do the best they can."

...and you will also find that this link is certainly relevant to forums like AHFB2000

• Why you should validate your code before asking for help

[shvemel]

The text-block element are declared here:

/*--text-block--*/
.text-block {
	clear:both;
	overflow:hidden;
	width:534px;
	margin:10px 0 0 95px;
	padding:0 0 20px;
}
.text-block .img-holder {
	clear:both;
	overflow:hidden;
	margin:0;
	width:100%;
}
.text-block .img-holder img {
	display:block;
	margin:0;
	border:none;
}
.text-block .banner-holder {
	clear:both;
	overflow:hidden;
	margin:0 0 0 7px;
	width:527px;
}
.text-block .banner-holder img {
	display:block;
	margin:0;
	border:none;
}
.text-block p {
	clear:both;
	overflow:hidden;
	margin:10px 0 0 7px;
	color:#a52a2a;
	width:517px;
	text-align:justify;
}
.side-panel {
	clear:both;
	overflow:hidden;
	margin:1px -200px 0 325px;
	padding:0 0 2px;
	width:100%;
	text-align:justify;
        vertical-align:right;
}
.text-block p a {
	color:#a52a2a;
	text-decoration:underline;
}
.text-block p a:hover {color:#f00;}
.text-block p a span {color:#a52a2a;}

For the entire css click here http://www.thehomedecor.net/css/all.css

[jthayne]

The text-block element are declared here:

/*--text-block--*/
.text-block {
	clear:both;
	overflow:hidden;
	width:534px;
	margin:10px 0 0 95px;
	padding:0 0 20px;
}
.text-block .img-holder {
	clear:both;
	overflow:hidden;
	margin:0;
	width:100%;
}
.text-block .img-holder img {
	display:block;
	margin:0;
	border:none;
}
.text-block .banner-holder {
	clear:both;
	overflow:hidden;
	margin:0 0 0 7px;
	width:527px;
}
.text-block .banner-holder img {
	display:block;
	margin:0;
	border:none;
}
.text-block p {
	clear:both;
	overflow:hidden;
	margin:10px 0 0 7px;
	color:#a52a2a;
	width:517px;
	text-align:justify;
}
.side-panel {
	clear:both;
	overflow:hidden;
	margin:1px -200px 0 325px;
	padding:0 0 2px;
	width:100%;
	text-align:justify;
        vertical-align:right;
}
.text-block p a {
	color:#a52a2a;
	text-decoration:underline;
}
.text-block p a:hover {color:#f00;}
.text-block p a span {color:#a52a2a;}

For the entire css click here http://www.thehomedecor.net/css/all.css

Yes, and I have highlighted the line that is causing the problem.

[shvemel]

jthayne!

Thanks!
You did it, I just deleted the width value and its now showing.

[jthayne]

Glad to hear it!

[shvemel]

At the end of this huddle.. I noticed another slim problem.

The menu box at the left does not show the "red-box-bottom" which I used to get and all other boxes are showing well for the top and bottom.

I assume it's a <div> or </div> missing or extra.
Tried several things didnt work.

I appreciate your advice

[coothead]

Hi there shvemel,

Tried several things didn't work.

What you have not tried, though, is the correction of the coding errors that the validator has indicated.
We are always willing to help you with this task, if you experience problems.

[jthayne]

Coot is right. You really need to look through the errors received when validating. The primary one I see is that every instance where you declare a color using a hex code (i.e. #FFFFFF), you do not enclose it in quotes. It needs to be in quotes EVERY time.

I am not able to look at the code further at the moment, but try the change I mentioned. Also, look through the rest of the errors, and see if there is anything else that you think could be the issue.