www.webdeveloper.com
Results 1 to 5 of 5

Thread: Need Help Removing CSS

  1. #1
    Join Date
    Oct 2008
    Posts
    2

    Need Help Removing CSS

    I need some help removing css from some html.

    The reason for this, is that the html is only going to be run through a program that doesn't understand CSS, and the entire header will need to be removed.

    Anyway, I need the page to look the same as it does now, just without using any CSS, and it needs to be HTML 3.2.

    Here's the code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
    <meta http-equiv="content-Language" content="en-us" >
    <title>osos.xml</title>
    <style>
    table {
    border-collapse: collapse;
    }
    th {
    border-top: 1px solid black;
    border-bottom: 3px solid black;
    }
    </style>
    </head>
    <body>
    <table>
    <tr>
    <th width="346" height="18" align="left">5. Inventory</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2006</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2005</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2004</th>
    </tr>
    <tr>
    <td width="346" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Office Supplies</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">80,915</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">156,757</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">64,732</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Cabinets</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">383,115</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">465,894</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">306,492</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Computers</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">352,703</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">976,666</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">282,162</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Communication</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">414,458</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">472,497</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">331,567</td>
    </tr>
    <tr>
    <td width="346" height="18" align="left"></td>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">1,231,191</th>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">2,071,814</th>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">984,953</th>
    </tr>
    </table>
    </body>
    </html>
    Feel free to clean up any of the html. Just make sure it comes out looking like it does at the url below.
    http://www.linuxhardwarereview.com/inventory/index.html

    Thanks,
    ~ Wiffle

  2. #2
    Join Date
    Jul 2008
    Location
    Athens, Greece
    Posts
    74
    there you go

    in red are the additions

    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="7" bgcolor="#000000" height="1"><span></span></td>
    </tr>

    <tr>
    <th width="346" height="18" align="left">5. Inventory</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2006</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2005</th>
    <th width="19" height="18" align="left"></th>
    <th width="86" height="18" align="right">2004</th>
    </tr>
    <tr>
    <td colspan="7" bgcolor="#000000" height="3"><span></span></td>
    </tr>

    <tr>
    <td width="346" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    <td width="19" height="17" align="left"></td>
    <td width="86" height="17" align="left"></td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Office Supplies</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">80,915</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">156,757</td>
    <td width="19" height="17" align="center">$</td>
    <td width="86" height="17" align="right">64,732</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Cabinets</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">383,115</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">465,894</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">306,492</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Computers</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">352,703</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">976,666</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">282,162</td>
    </tr>
    <tr>
    <td width="346" height="17" align="left">Communication</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">414,458</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">472,497</td>
    <td width="19" height="17" align="center"></td>
    <td width="86" height="17" align="right">331,567</td>
    </tr>
    <tr>
    <td height="1"><span></span></td>
    <td colspan="6" bgcolor="#000000" height="1"><span></span></td>
    </tr>

    <tr>
    <td width="346" height="18" align="left"></td>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">1,231,191</th>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">2,071,814</th>
    <th width="19" height="18" align="center">$</th>
    <th width="86" height="18" align="right">984,953</th>
    </tr>
    <tr>
    <td height="1"><span></span></td>
    <td colspan="6" bgcolor="#000000" height="3"><span></span></td>
    </tr>

    </table>

  3. #3
    Join Date
    Oct 2008
    Posts
    2
    Thanks. One problem though. when I try to validate that as 3.2 using W3C, it says

    there is no attribute "BGCOLOR"
    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element.

    Any alternatives to using bgcolor?

  4. #4
    Join Date
    Jul 2008
    Location
    Athens, Greece
    Posts
    74
    Hello Wiffle,

    unfortunately there is no way to do this with valid html 3.2 and no css

    bgcolor is reserved for the body tag officially..

    but all browsers support it for td elements

    unless you do not care for differences in the graphic result (differences to what you provided)

    regards

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    AS stated:
    Netscape 3.0 and Internet Explorer 3.0 now support table cell background colors. HTML 3.2 does not include this new feature. You can specify the color of individual cells, rows, headers, and entire tables using the BGCOLOR attribute and the TD, TR, TH, and TABLE tags. The color values are specified identically to the BODY BGCOLOR attribute, i.e., BGCOLOR="#ff0000" = red. Nested tables inherit background table colors. Note that Netscape's own release notes have an error, VALIGN=BOTTOM in the CAPTION should read ALIGN=BOTTOM.
    SOURCE

    TD in W3C HTML 3.2 Recommendation

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles