PDA

View Full Version : I feel so pathetic...

Ironmann00
05-14-2003, 01:52 AM
Several years ago, I began scripting something....I just took a look at it...Kinda messy and I forget how to add some of the code I want to. Can you help me clean this up and show me (or at least jog my memory) how to do somethings such as...align the group of tables. A visual would be nice. Thanks in advance.

Here is some of the code:

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
<LINK REL="stylesheet" HREF="tabs.css">
<script language="JavaScript" SRC="tabs.js"></script>
<script language="JavaScript" SRC="tabs_definition.js"></script>
<script language="javascript"> DrawTabs(); </script>
<style>
body {
background-color: EBC289; font-family: Times New Roman; margin-left: 0px; margin-top:0px; margin-right:0px; margin-bottom:0px;
scrollbar-face-color: "silver"; scrollbar-highlight-color: "gray"; scrollbar-shadow-color: "navy"; scrollbar-3Dlight-color: "silver";
scrollbar-arrow-color: "navy"; scrollbar-track-color: "silver"; scrollbar-darkshadow-color: "silver"; table-border-color:FCDFB1;
}
</style>

</HEAD>
<STYLE type="text/css"><!--
A:link{color:Blue;text-decoration:none}
A:visited{color:Brown;text-decoration:none}
A:active{color:Blue;text-decoration:none}
A:hover{color:Red;text-decoration:none}
--></STYLE>

<Body onLoad="goforit()" bgcolor="FCDFB1" leftmargin="2" rightmargin="2">


<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>


<center>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<TR><TD align="left" valign="top">

<img src="!!PUT BANNER HERE!!">

</td></tr></table>
<table border="1" cellpadding="0" cellspacing="0" height="100" width="760">
<TR><TD align="left" valign="top">

PUT TB HERE

</td></tr></table>

<table border="1" bordercolor="A37F4C" cellpadding="0" cellspacing="0" width="760">
<TR><TD align="left" valign="top" bgcolor="D3A86C" width="200" background="!!PUT BACKROUND IMAGE HERE!!" style="background-repeat: no-repeat;">

<BR><BR><BR>
<li> <a href="link1.html">Link 1</a><BR>
<li> <a href="link1.html">Link 2</a><BR>
<li> <a href="link1.html">Link 3</a><BR>
<li> <a href="link1.html">Link 4</a><BR>
<li> <a href="link1.html">Link 5</a><BR>
<li> <a href="link1.html">Link 6</a><BR>

<BR><BR><BR>
<li> <a href="link1.html">Link 1</a><BR>
<li> <a href="link1.html">Link 2</a><BR>
<li> <a href="link1.html">Link 3</a><BR>
<li> <a href="link1.html">Link 4</a><BR>
<li> <a href="link1.html">Link 5</a><BR>
<li> <a href="link1.html">Link 6</a><BR>

<BR><BR><BR>
<li> <a href="link1.html">Link 1</a><BR>
<li> <a href="link1.html">Link 2</a><BR>
<li> <a href="link1.html">Link 3</a><BR>
<li> <a href="link1.html">Link 4</a><BR>
<li> <a href="link1.html">Link 5</a><BR>
<li> <a href="link1.html">Link 6</a><BR>

</td>

<TD align="left" valign="top" width="550" bgcolor="EBC289">

</td>
<TD align="right" valign="top" width="250" bgcolor="EBC289">
<div id="T11" class="tab-body">
<iframe FRAMEBORDER="1"
width=100 height=80
name=My Frame>
</iframe>
</div>
<div id="T12" class="tab-body">
<iframe FRAMEBORDER="1"
width=100 height=80
name=My Frame>
</iframe>
</div>
<div id="T21" class="tab-body">
<iframe FRAMEBORDER="1"
width=100 height=80
name=My Frame>
</iframe>
</div>
<div id="T22" class="tab-body">
<iframe FRAMEBORDER="1"
width=100 height=80
name=My Frame>
</iframe>
</div>
</td></tr>


<TR><TD colspan="2" bgcolor="FADDA3">
<center>!!DIVIDER HERE!!</center></td></tr>
</table>
<table align="right" border="1" bordercolor="A37F4C" cellpadding="0" cellspacing="0" width="760">
<TR><TD align="left" valign="top" bgcolor="D3A86C" width="200" background="!!PUT BACKROUND IMAGE HERE!!" style="background-repeat: no-repeat;">

</td></tr>
</table>
<p>
<center><script>

/*
Live Date Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
*/


var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>
<span id="clock"></span>
</center>
</body>
<script language="JavaScript" SRC="tabs_bottom.js"></script>
</html>
zangerbanger
05-14-2003, 02:02 AM
I think the second stylesheet with all the link attributes should be in the head. In fact, you should combine your two stylesheets together, instead of using 2 :).