/    Sign up×
Community /Pin to ProfileBookmark

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>[/CODE]

Feel free to clean up any of the html. Just make sure it comes out looking like it does at the url below.
[url]http://www.linuxhardwarereview.com/inventory/index.html[/url]

Thanks,
~ Wiffle

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@gabrieleOct 21.2008 — there you go

in [COLOR="Red"]red [/COLOR]are the additions


<table [COLOR="Red"]border="0" cellpadding="0" cellspacing="0"[/COLOR]>

[COLOR="Red"]<tr>

<td colspan="7" bgcolor="#000000" height="1"><span></span></td>

</tr>[/COLOR]


<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>

[COLOR="Red"]<tr>

<td colspan="7" bgcolor="#000000" height="3"><span></span></td>

</tr>[/COLOR]


<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>

[COLOR="Red"]<tr>

<td height="1"><span></span></td>

<td colspan="6" bgcolor="#000000" height="1"><span></span></td>

</tr>[/COLOR]


<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>

[COLOR="Red"]<tr>

<td height="1"><span></span></td>

<td colspan="6" bgcolor="#000000" height="3"><span></span></td>

</tr>[/COLOR]


</table>
[/quote]
Copy linkTweet thisAlerts:
@WiffleauthorOct 22.2008 — Thanks. One problem though. when I try to validate that as 3.2 using W3C, it says

[B]there is no attribute "BGCOLOR"[/B]

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?
Copy linkTweet thisAlerts:
@gabrieleOct 22.2008 — Hello Wiffle,

unfortunately there is no way to do this with [B]valid html 3.2 and no css[/B]

[B]bgcolor [/B]is reserved for the [B]body[/B] tag officially..

but all browsers support it for [B]td [/B]elements

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

regards
Copy linkTweet thisAlerts:
@Major_PayneOct 22.2008 — 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.[/QUOTE]

SOURCE

TD in W3C HTML 3.2 Recommendation
×

Success!

Help @Wiffle spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...