Table layout: Border color & background color [Archive]

jallard

08-20-2003, 02:17 PM

http://www.dutchspecialops.com (http://www.dutchspecialops.index.htm)

How do I create the following as a command in CSS:

<SCRIPT TYPE="text/javascript">

</script>

<style>

</style>
<bgsound src="NederlandsNationalAnthem.mp3" loop="3">
</head>
<body bgcolor="#424A42" text="#000000" link="#000080" vlink="#FFFF99" alink="#000099">
<table width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="175" height="20" valign="top">
<div align="center">
<center>
<table summary="2" cellspacing="0" width="175" cellpadding="2"
bordercolor="#426F37" bgcolor="#AB4731">
<tr>
<td>
<p align="center"><a href="http://home.planet.nl/~graspol/"><img border="1" src="images/baret.jpg" ALT="Dutch Commandos" hspace="1" vspace="1" width="125" height="94"></a></td>
</tr>
</table>
</center>
</div>
</td>
<td width="25" valign="top"> </td>
<td valign="top" width="600">
<div align="center">
<center>
<table summary="2" cellspacing="0" width="600" cellpadding="2"
bordercolor="#426F37" bgcolor="#AB4731">
<tr>
<td>
<p align="center"><a href="http://www.dutchspecialops.com"><img border="1"
src="images/Your_Clan_Banner.gif" ALT="{YOUR}Clan" hspace="1" vspace="1" width="468" height="60"></a></p>
<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif"><b>Home   
<a href="search.htm">Search</a>     <a href="feedback.htm">Feedback</a>   
<a href="links.htm">Links</a></b></font></td>
</tr>
</table>
</center>
</div>
</td>
</tr>
<tr>
<td valign="top" height="19"> </td>
<td valign="top"> </td>
<td valign="top"> </td>
</tr>
<tr>
<td height="25" valign="top">
<div align="center">
<center>
<table border="2" cellspacing="0" width="175" bordercolor="#426F37"
bgcolor="#AB4731">
<tr>
<td>
<p align="center"><br><a href="http://www.americasarmy.com">
<img src="http://www.americasarmy.com/images/aa_logo.gif"
width="150" height="137" border="1" alt="America's Army" hspace="1" vspace="1"></a>
<p align="left">
<ul>
<li><p align="left"><a href="rank_file_membership.htm">Rank & File Membership</a></li>
<li><p align="left"><a href="enlistment_application.htm">Enlistment Application</a></li>
<li><p align="left"><a href="allied_page.htm">Allied Front</a></li>
<li><p align="left"><a href="officer's_creed.htm">Officer's Creed</a></li>
<li><p align="left"><a href="soldier's_creed.htm">Soldier's Creed</a></li>
<li><p align="left"><a href="roe.htm">Rules of  Engagement</a></li>
<li><p align="left"><a href="code_of_conduct.htm">Code of Conduct</a></li>
<li><p align="left"><a href="general_orders.htm">General Orders</a></li>
</ul><p align="left"><object id="MediaPlayer" width="175" height="286"
classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Microsoft® Windows® Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">
<PARAM NAME="filename" VALUE="NederlandsNationalAnthem.mp3">
<PARAM NAME="autoStart" VALUE="true"> <PARAM NAME="showControls" VALUE="true">
<param name="ShowStatusBar" value="true"> <PARAM NAME="Autorewind" VALUE="true">
<PARAM NAME="ShowDisplay" VALUE="false">
<EMBED SRC="iNederlandsNationalAnthem.mp3" WIDTH="320" HEIGHT="286" type="application/x-mplayer2" name=MediaPlayer autostart=1 showcontrols=0 showstatusbar=1 autorewind=1 showdisplay=0>
</EMBED></OBJECT></td>
</tr>
</table>
</center></div>

</td>
<td valign="top"> </td>
<td valign="top">
<div align="center">
<table summary="2" cellspacing="0" width="600" cellpadding="2"
bordercolor="#AB4731" bgcolor="#CFB53B">
<tr>
<td>
<center><br>
<p align="center"
style="line-height: 100%; "><font
size="4" face="Verdana" color="#424A42"><b>WELCOME TO THE HOME </b></font></p>
<p align="center"
style="line-height: 100%; "><font
size="4" face="Verdana" color="#424A42"><b>OF </b></font></p>
<p align="center"
style="line-height: 100%; "><img border="0" src="images/DSOPSPatch.gif" width="200" height="199" ALT="{YOUR} Shoulder Patch"></p>
<p align="center"
style="line-height: 100%; "><font face="AGaramond Bold" color="#AB4731"
size="5">Dutch
Special OPS</font></p>
<p align="center"
style="line-height: 100%; "><b><font color="#424A42" face="Verdana"
size="2">SILENTLY - SWIFTLY - EFFECTIVELY</font></b></p>
</center>
<blockquote>
<p align="left">
<b><font color="#FFFF99">
"William of Nassau, scion
Of a Dutch and ancient line,
Dedicate undying
Faith to this land of mine.
A prince I am, undaunted,
Of Orange, ever free,
To the king of Spain I've granted
A lifelong loyalty."</font></b> </blockquote>
<center>
<hr>
<p style="line-height: 100%; margin-left: 20; margin-right: 20" align="left"><i><b><font color="#FFFFFF">    
</font><font color="#FFFF99">History
of the {YOUR}Clan:</font></b></i></p>
<blockquote>
<p align="left">
There comes a time when the actions of certain evil men change
the course of world history. No century has ever been without
such evil. After the terrorist attack on the World Trade Center
on September 11th, 2001, America and its allies embarked upon
a joint mission to eradicate terrorism throughout the world. In
doing so both the Netherlands and the United States--sanctioned
by the UN and NATO--joined forces and created an elite special
OPS brigade know as the {YOUR}Clan.
<p align="center">
<b>Click here to sign <a href="guest.htm">Guest Book</a></b> </blockquote>
<hr>
<BLOCKQUOTE>
<p align="center"> <img src="_vti_bin/fpcount.exe/C:/Documents%20and%20Settings/Joe%20Allard/My%20Documents/My%20Webs/dutchspecialops.com/?Page=index.htm|Image=0" alt="Hit Counter">
<p align="left"> <font size="4" face="Verdana"> Contact Information:</font><br>
<b>
<br>
Country of Origin:</b><br>
     <a href="http://www.holland.com/">Netherlands</a><br>
<br>
<b>
General Information: </b>
<p style="line-height: 100%; margin-left: 20; margin-right: 20" align="left"> Clan Leader aka Major: <a href="mailto:%20clanleader@dutchspecialops.com">clanleader@dutchspecialops.com</a><br>
Webmaster: <a href="mailto:%20webmaster@dutchspecialops.com">webmaster@dutchspecialops.com</a></BLOCKQUOTE>
<hr>
</center></td>
</tr>
</table>
</div>
</td>
</tr>
</table>

toicontien

08-22-2003, 02:16 PM

Umm... "the following" is a web page complete with HTML, Javascript, and CSS. You can't create all three as a command in CSS.

Is there some sort of affect you want created in CSS? Is a script not working? Does the page not display properly on some browsers?

More info would be much appreciated.

jallard

08-22-2003, 02:42 PM

Actually, I have the source code pretty much cleaned up--as far as Dr. Watson is concerned. My only problem now is getting the Java Script/Applets to validate correctly--if that's possible.

The affect that I am (or was) trying to accomplish in CSS was a 2-column static width and centered
nested float. Or, something to that effect. Much of what you see here at http://www.dutchspecialops.com/index.htm (http://www.dutchspecialops.xom/index.htm).

More than anything I want to keep the page format, as it now exist, but clean enough for the search engine spiders.

http://www.dutchspecialops.com/images/Your_Clan_Banner.gif

toicontien

08-22-2003, 03:05 PM

I see now.

The article listed below shows you how embed a flash movie on an XHTML page and have it validate, not exactly what you're looking for but it's got good information, whether you're using XHTML or HTML 4.01.

http://www.alistapart.com/stories/flashsatay/

The next stop should be to www.w3schools.com, they've got lists of HTML tags and attributes that are a part of the official web standards. It also has info on ECMA and JavaScript.

Do you try to validate your pages at http://validator.w3.org? This validator is nice because it gives you the exact errors it finds, and also the reason it's an error (as opposed to the solution for the error).