missing borders for an html table

Question

I have the following piece of code

 <html>
 <head>
<body bgcolor="#BDBDBD">
<div align="center">
<font color="Blue">
<CAPTION><b><u><i>SYSTEM STATUS</i></u></b></caption>
</font>
</br>
</br>

<table BORDER="2" BORDERCOLOR="Black" CELLPADDING="3">

 <colgroup>
 <col span="2" style="background-color:FFA04A">
<col style="background-color:FFA04A">
</colgroup>

<thead>
<tr>
<font color="Blue">
        <th><font color="Blue">System</font></th>
        <th><font color="Blue">Is Alive</font></th>
        </font>
</tr>
</thead>
</font>
</body>
</head>
</html>

i am getting the output as atable with black borders but the border which seperates column is missing..is anything wrong with the code.

Fiddle

Answer 1

i think you are beginner ,please review this code

 <html>
    <head></head>
    <body bgcolor="#BDBDBD">
    <div align="center">
    <font color="Blue"> <b><u><i>SYSTEM STATUS</i></u></b> </font> </br>
    </br>
    <table BORDER="2" BORDERCOLOR="Black" CELLPADDING="3">
    <colgroup>
    <col span="2" style="background-color:FFA04A">
    <col style="background-color:FFA04A">
    </colgroup>
    <thead>
      <tr> <font color="Blue">
        <th><font color="Blue">System</font></th>
        <th><font color="Blue">Is Alive</font></th>
        </font> </tr>
    </thead>
    </font>
    </body>
    </html>

DemO: http://jsfiddle.net/26TCe/

Answer 2

See description of : "The tag specifies column properties for each column within a element." You'll have to define 3 elements: insert an (empty) <th/> between

missing borders for an html table

Question

2 answers

solution1
0 2014-03-27 12:39:13

solution2
0 2014-03-27 12:46:00

missing borders for an html table

Question

2 answers

solution1 0 2014-03-27 12:39:13

solution2 0 2014-03-27 12:46:00

solution1
0 2014-03-27 12:39:13

solution2
0 2014-03-27 12:46:00