troubleshooting Question

HTML Code for Table Header Format

Avatar of kpu8
kpu8Flag for United States of America asked on
HTMLCSS
14 Comments1 Solution285 ViewsLast Modified:
I currently have a standard three column layout webpage and one of the
table headers (the center one) it has been asked that it have on the top of it
the three headers below Wholesale, Clocks, Thermometers as each header has a specific color. See attached image:

However not matter what I do - I can't seem to get the table formatted so that the
Items are formatted the way I want them. What happens is that Clocks takes up all the
available space of the middle header column.

<table width="81%" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="4" width="81%" height="2" bgcolor="red"></td></tr>

<tr>
    <th width="20%" bgcolor="#970b25"><font color="#fafffb" face="Arial"><b>Online CATALOG</b></font></th>
    <th width="15%" bgcolor="#8fa9f5"><font color="#f6ffef" face="Arial"><b>Wholesale</b></font></th>  
    <th width="12%" bgcolor="#89d8ff"><font color="#f6ffef" face="Arial"><b>Clocks</b></font></th>
    <th width="15%" bgcolor="#8fa9f5"><font color="#f6ffef" face="Arial"><b>Thermometers</b></font></th>
    <th width="1%"  bgcolor="#9932CC"><br></td>
    <th width="20%" bgcolor="#f595f9"><font color="#700081" face="Arial"><b>Accessories</b></th>
</tr>
header-exp.gif
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 14 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 14 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros