164 users online (0 members and 164 guests)  


  Results 1 to 3 of 3

Related

  1. setting table background    Forum: Myspace Forum
    Replies: 2
  2. Table background image    Forum: HTML Forum
    Replies: 3
  3. Table problems    Forum: HTML Forum
    Replies: 11
  4. Another question on Background images    Forum: HTML Forum
    Replies: 7
  5. table cell background    Forum: CSS Forum
    Replies: 3
  1. #1
    MinusNT's Avatar
    New User

    Status
    Offline
    Join Date
    Jul 2002
    Posts
    3

    Unhappy Table problems and background question

    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>
    <!--
    body, td, p { color: #000000; font-family: Tahoma; font-size: 10pt }
    a { color: #6699ff; background : #ffffff; font-family: Tahoma; font-size: 10pt; text-decoration: underline}
    a:visited{ color: #000000; background : #4872AD;font-family: Tahoma; font-size: 10pt; text-decoration: underline}
    a:active { color: #6699FF; background : #000000;font-family: Tahoma; font-size: 10pt; text-decoration: underlinenone}
    a:hover { color: #FFFFFF; background : #000000; font-family: Tahoma; font-size: 10pt; text-decoration: underline}
    -->
    </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">
    &nbsp;
    </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.

  2. #2
    MinusNT's Avatar
    New User

    Status
    Offline
    Join Date
    Jul 2002
    Posts
    3
    O yeah just incase for the fading background I mean in HTML not java like the previous one.

  3. #3
    sonofmidi's Avatar

    Status
    Offline
    Join Date
    Jan 2001
    Location
    NC, USA
    Posts
    75
    First off, you need to add &amp;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.
    Last edited by sonofmidi; 10-06-2002 at 11:51 PM.



Tags for this Thread