Table problems and background question

**MinusNT** · 10-06-2002, 10:00 PM

Okay so here goes what I have coded so far:

-----------------------------------------
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Top</title>

<style>

</style>
</head>

<body onLoad="goforit()">
<p align="center">
<table width="503" height="133" background="pmdtop.gif" >
<tr>
<td>
</td>
</tr>

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

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

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

<td>
<table border="0" cellpadding="0" cellspacing="8">
<tr>

<td bordercolor="#000000" align="center">
<a href="http://geocities.com/pmdexport/bottom.html" target="bottom"> Home</a>
</td>

<td bordercolor="#000000" align="center">
<a href="http://geocities.com/pmdexport/soon.html" target="bottom">Products</a>
</td>

<td bordercolor="#000000" align="center">
<a href="http://geocities.com/pmdexport/soon.html" target="bottom">Order</a>
</td>

<td bordercolor="#000000" align="center">
<a href="http://geocities.com/pmdexport/soon.html" target="bottom"> Contact Us</a>
</td>

<td colspan="9.5">
 
</td>

<td bgcolor="#4872AD">
<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='Tahoma'>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" | "+hours+":"+minutes+":"+seconds+" "+dn
+"</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>

</td>
</tr>

</table>
</td>
</table>
</body>

</html>
-----------------------------------------

My question is

1. How do I get the first table to stay the same size of the picture which is [width="503" height="133"].

I would like to place the second table on the bottom left corner of the image and each choice on the little navagation bar to be equally spaced from each other. I also want to put the date, and time script to be on the bottom right corner.

The problem is when I try to fit it into the exact spot the dam table keeps on expanding and when I mess around with the rows from the first table trying to make them smaller or larger so that the second table goes into its correct spot the first table keeps on expanding or shrinking also.

2. My second question is how can I make that little filter trick so that a color fades into another one? I saw this on a site once the person had it in a table row it started off black but by the other side of the table it was white.

3. How can I make a color fade into another for a background I have never seen this but I wonder if its possible?

p.s. I know that some of the colors aren't right I will fix that later.

**MinusNT** · 10-06-2002, 10:07 PM

O yeah just incase for the fading background I mean in HTML not java like the previous one.

**sonofmidi** · 10-06-2002, 11:48 PM

First off, you need to add &nbsp; to any empty cell. This will force the cell to expand according to content. Secondly, wtf is 9.5 colspan? lol Dude, Frontpage will lead you to bad habits in HTML coding. Bordercolor is IE only. Opera, NS and Mozilla will not display the border. Use a style class id to do this:

Code:

.border { border 1px #3399cc solid; }

The fading background is probably an image. There may be some DHTML or applet to do this, but hardly worth it. Get a copy of PSP6 or 7 and it has a filter to make gradient images.

Thread: Table problems and background question

Thread Tools

Related

setting table background Forum: Myspace Forum

Table background image Forum: HTML Forum

Table problems Forum: HTML Forum

Another question on Background images Forum: HTML Forum

table cell background Forum: CSS Forum

Table problems and background question

Tags for this Thread