navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

I Need My Tables to Look Like Yahoo' s . . .

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> I Need My Tables to Look Like Yahoo' s . . .
Page: [1]
 
Mike_R

 

Posts: 124
Joined: 1/15/2003
Status: offline

 
I Need My Tables to Look Like Yahoo' s . . . - 8/3/2003 21:37:22   
I was wasting time the other day playing Yahoo games, and I noticed that Yahoo has done
something that I have been trying to do with my site for some time. However, when I looked at the code for the page, it made no sense.
I can' t see how they achieved the effect.

Here' s what I am looking for: I want a table structure like you see in the left sidebar
in the following Yahoo code. More specifically, I want a final cell (like the one below " Instant Messages" that contains
a background color, but nothing else. I know clumsy ways to do this, but I want to know how Yahoo did this. If you look at the code, that cell
doesn' t even exist. The left sidebar ends at the " Instant Messages" cell and the next table moves on to the center section of the page.
Does anyone see what they did to get this effect? Please help, I am baffled. Hope that was clear??

Thanks,

Mike R

Here is the code:

<HTML>
<head>
<!-- put your meta tags here -->

<meta http-equiv=" pics-label"  content=' (pics-1.1 " http://www.icra.org/ratingsv02.html"  l gen true for " http://games.yahoo.com"  r ( nz 0 vz 0 lz 0 oz 0 ca 1))' >
<title>Yahoo! Games</title>
</head>
<body>
<center>
<table border=0 cellpadding=2 cellspacing=0 width=" 750" >
<tr>
<td width=" 1%" >
<a href=" http://games.yahoo.com/" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/ban6.gif"  width=240 height=28 border=0 alt=" Yahoo! Games" ></a>
</td>
<td align=right nowrap><font face=" arial,helvetica"  size=-1>

<a href=http://games.yahoo.com/games/login2?page=do>Dominoes Main</a>
- 

<A HREF=" http://games.yahoo.com/" >Games Home</A> - 

<A href=" http://www.yahoo.com/" >Yahoo!</A> - <A href=" http://help.yahoo.com/help/us/games/" >Help</A>
</font><br>
<hr size=0 noshade>

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

<applet code=" y.vmd.0"  codebase=" http://download.yahoo.com/games/clients/"  width=" 5"  height=" 5"  mayscript hspace=0 vspace=0>
</applet>

<script>
java_vendor = " " ;
function launchAnteroom(name, prof_id, issmall, follow_user_profile, follow_table) {
    var dms;
    if (issmall) {
        dms = " height=400,width=620," ;
        small = " &small=yes" ;
    }
    else {
       dms = " height=520,width=786," ;

       small = " " ;
    }
    prof_string = " " ;
    if (prof_id) {
        prof_string = " &prof_id="  + prof_id;
    }
    follow_string = " " 
    if (follow_user_profile) {
        follow_string = " &follow="  + follow_user_profile;
    }

    nosignedcab_string = " " ;
    if (java_vendor == " Sun Microsystems Inc." ) {
        nosignedcab_string = " &nosignedcab=yes" ;
    }
    window.open(" /games/ante?room="  + name + prof_string + follow_string + small + nosignedcab_string, " yog_ante_"  + name," top=2,left=2," +dms+" toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=0,resizable=yes" );
    return false;
}
</script>

<script language=" javascript" >


function initialize() {
this.name = " yahoo_games_home" ;
}

function lobbyopen(name) {
    var sel = document.entergame.identity;
    var res = document.entergame.res;
    return launchAnteroom(name, sel.options[sel.selectedIndex].value, res.options[res.selectedIndex].value == " small" , " " , " " );
}

initialize();

</script>
<script language=" javascript" >
function scrSize(size) {
if (size==" s" )
return "  SELECTED" ;
else
return " " ;
}
</script>
<script language=" Javascript1.2" >
function scrSize(size) {
var ssize=" m" ;
var w = screen.width;
var h = screen.height;
if (w<650 || h<490) {
ssize=" s" ;
}
if (size == ssize)
return "  SELECTED" ;
else
return " " ;
}
</script>
<script language=" Jscript3.0" >
function scrSize(size) {
var ssize=" m" ;
var w = screen.width;
var h = screen.height;
if (w<650 || h<490) {
ssize=" s" ;
}
if (size == ssize)
return "  SELECTED" ;
else
return " " ;
}
</script>

<table width=" 568" ><tr><td align=" center" >
<FORM METHOD=" GET"  ACTION=" http://rd.yahoo.com/M=253930.3657917.4922863.1161895/D=gamesnew/S=780000100:N/A=1504792/R=0/SIG=12i2gcc9t/*http://promo.yahoo.com/generic.redir?refsrc=onnetwork/ads/quickhit/feature/super" ><table border=" 0"  width=" 728"  height=" 90"  cellspacing=" 0"  cellpadding=" 0"  bgcolor=" #ffcc00" >
<tr><td rowspan=2><a href=" http://rd.yahoo.com/M=253930.3657917.4922863.1161895/D=gamesnew/S=780000100:N/A=1504792/R=1/SIG=12403ne5v/*http://autos.yahoo.com?refsrc=onnetwork/ads/quickhit/feature/super" ><img src=" http://us.a1.yimg.com/us.yimg.com/a/ya/yahoo_autos/mini_super_01.gif"  alt=" "  width=" 475"  height=" 90"  border=" 0" ></a></td>
<td><a href=" http://rd.yahoo.com/M=253930.3657917.4922863.1161895/D=gamesnew/S=780000100:N/A=1504792/R=2/SIG=12403ne5v/*http://autos.yahoo.com?refsrc=onnetwork/ads/quickhit/feature/super" ><img src=" http://us.a1.yimg.com/us.yimg.com/a/ya/yahoo_autos/mini_super_02.gif"  alt=" "  width=" 253"  height=" 48"  border=" 0" ></a></td></tr>
<tr><td valign=top align=center>   <select name=" Redirect" > <option value=" http://autos.yahoo.com/newcars/details/bmw03m3/coupe/trim_photos.html?refsrc=onnetwork/ads/quickhit/feature/super" >2003 BMW M3
<option value=" http://autos.yahoo.com/newcars/details/mini03cooper/s/trim_photos.html?refsrc=onnetwork/ads/quickhit/feature/super" >2003 Mini Cooper
<option value=" http://autos.yahoo.com/newcars/details/nissan03350z/track/trim_photos.html?refsrc=onnetwork/ads/quickhit/feature/super" >2003 Nissan 350Z
<option value=" http://autos.yahoo.com/newcars/details/honda03accordsedan/exv6/trim_photos.html?refsrc=onnetwork/ads/quickhit/feature/super" >2003 Honda Accord
<option value=" http://autos.yahoo.com/newcars/details/toyota03camry/xlev6/trim_photos.html?refsrc=onnetwork/ads/quickhit/feature/super" >2003 Toyota Camry
<option value=" http://autos.yahoo.com/newcars/index.html?refsrc=onnetwork/ads/quickhit/feature/super" >more...
</select> <input type=" submit"  value=" GO!" ></td>
</tr></table></form></td></tr></table>
<table cellpadding=2>
<tr><td align=center>
<!-- SpaceID=780000100 loc=NS1 noad -->
<!-- SpaceID=780000100 loc=NS2 noad -->
<!-- SpaceID=780000100 loc=NS3 noad -->
<!-- SpaceID=780000100 loc=NS4 noad -->
</td></tr>
</table>

<form name=" entergame"  action=" /"  method=post>
<table border=0 cellspacing=0 cellpadding=3 bgcolor=" #9999ff"  width=" 750" >
  <tr bgcolor=dcdcdc>
    <td><font face=Arial size=-1><b>Welcome, <select name=" identity" >
<option value=" chat_pf_1"  selected>releasemybone
</select>

      </b> [<a href=" http://edit.yahoo.com/config/edit_identity?.src=ga&.done=http://games.yahoo.com/games/login2?page=do" >edit</a>]</font></td>
    <td align=right><font face=" arial"  size=-1><a href=" profile2?name=releasemybone" >My Games History</a> - <a href=" /myleagues" >My Leagues</a> - <a href=" http://www.yahoo.com/r/ia" >Account Info</a> - <a href=" http://login.yahoo.com/config/login?logout=1&.src=ga&.done=http://games.yahoo.com/" >Sign Out</a></font></td>
  </tr>
</table>
<table border=0 cellpadding=3 cellspacing=0 width=750>
  <tr bgcolor=" 275B9C" >
    <td align=left valign=middle width=" 1%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/sm/sdo.gif"  width=22 height=22 border=0 alt=" " ></td>
    <td width=" 68%" ><font color=" FFFFFF"  face=arial size=+1><b>Yahoo! Games - Dominoes</b></font></td>
    <td width=" 30%"  align=right><font color=" FFFFFF"  face=verdana size=-2><b>Choose Window Size:</b></font></td>
    <td align=right width=" 1%" ><font face=arial size=-1>
	    <select name=" res" >
<script language=" Javascript" >
  document.writeln(' <option value=" small" ' +scrSize(" s" )+' > 640x480' +' <option value=" large" ' +scrSize(" m" )+' > 800x600' );
</script>
             </select>
    </font></td>
  </tr>
</table>
  <table width=750 border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" 012859" > 
          <td><img src=" http://us.i1.yimg.com/us.yimg.com/i/space.gif"  width=" 1"  height=" 1" ></td>
        </tr>
  </table>

<table border=0 cellspacing=0 cellpadding=0 width=" 750" >
  <tr>
    <td height=" 5" ></td>
  </tr>
</table>

<table border=0 cellspacing=0 cellpadding=0 width=" 751" >
  <tr>
    <td bgcolor=EEF3FB valign=top width=" 180" >
              <table border=0 cellpadding=3 cellspacing=0 width=" 100%" >
          <tr bgcolor=" 6787BB" > 
            <td nowrap> 
              <div align=" center" ><b><font size=" -2"  face=" verdana"  color=" white" >My Leagues</font></b></div>
            </td>
          </tr>
        </table>
            <table width=" 100%"  border=" 0"  cellspacing=" 1"  cellpadding=" 0"  bgcolor=" B6C7E5" >
              <tr>
                <td>
                  <table border=0 cellspacing=0 cellpadding=1 width=100% bgcolor=" ffffff" >
                    <tr>
                      <td>
                        <div align=" center" ><font face=" arial"  size=" -1" ><b><br>
                          <font color=" #333333" >You are not an <br>
                          All-Star Member</font><br>
                          <br>
                          <a href=" http://games.yahoo.com/games/star1?.done=http%3a%2f%2fgames.yahoo.com%2fgames%2flogin2%3fpage%3ddo%26cat%3dadvanced%26r%3d1059841641" >Sign up Now!</a><br>
                          <br>
                          </b></font></div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>

      <table width=" 100%"  border=" 0"  cellspacing=" 10"  cellpadding=" 1" >
        <tr bgcolor=" B6C7E5" >
          <td>
            <table width=" 100%"  border=" 0"  cellspacing=" 0"  cellpadding=" 4" >
              <tr bgcolor=" ffffff" >
                <td width=" 38%" >
                  <div align=" center" ><font face=" arial"  size=" -1" ><a href=" http://games.yahoo.com/leagues/do" ><b>Find Dominoes Leagues</b></a></font></div>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

            


        <table border=0 cellpadding=3 cellspacing=0 width=" 100%" >
          <tr bgcolor=" 6787BB" > 
            <td nowrap> 
              <div align=" center" ><b><font size=" -2"  face=" verdana"  color=" white" >Featured Sponsor</font></b></div>
            </td>
          </tr>
        </table>
      <table border=0 cellpadding=0 cellspacing=0 width=" 100%" >
        <tr><td align=center>
<a href=" http://rd.yahoo.com/M=251812.3228001.4534845.1185296/D=gamesnew/S=780000100:W/A=1550510/R=0/SIG=11tof05ke/*http://www.netflix.com/Default?mqso=60164767&partid=3228001" ><img src=" http://us.a1.yimg.com/us.yimg.com/a/ne/netflix/yhoo0303_b_12090a.gif"  alt=" "  width=" 120"  height=" 90"  border=" 0" ></a>        </td></tr>
      </table>
      <br>
      
        <table border=0 cellpadding=3 cellspacing=0 width=" 100%" >
          <tr bgcolor=" 6787BB" > 
            <td nowrap> 
              <div align=" center" ><b><font size=" -2"  face=" verdana"  color=" white" >Dominoes Ladder</font></b></div>
            </td>
          </tr>
        </table>
<table border=0 cellpadding=0 cellspacing=1 border=0 width=" 100%"  bgcolor=" B6C7E5" >
  <tr>
    <td>
      <table border=" 0"  cellspacing=0 cellpadding=3 width=" 100%"  bgcolor=" ffffff" >
      </table>
      <table border=0 cellspacing=0 cellpadding=2 width=" 100%" >
      <tr bgcolor=" ffffff" >
        <td width=" 100%" ><font face=" arial"  size=" -1" >
                        1. <a href=" http://profiles.games.yahoo.com/games/profile2?name=volleyball_b0y&consolidater=dominoes.yahoostar&intl=us" >volleyball_b0y</a>                <br>
                        2. <a href=" http://profiles.games.yahoo.com/games/profile2?name=cachick95688&consolidater=dominoes.yahoostar&intl=us" >cachick95688</a>                <br>
                        3. <a href=" http://profiles.games.yahoo.com/games/profile2?name=youngster285&consolidater=dominoes.yahoostar&intl=us" >youngster285</a>                <br>
                        4. <a href=" http://profiles.games.yahoo.com/games/profile2?name=jen4249&consolidater=dominoes.yahoostar&intl=us" >jen4249</a>                <br>
                        5. <a href=" http://profiles.games.yahoo.com/games/profile2?name=joolys&consolidater=dominoes.yahoostar&intl=us" >joolys</a>                <br>
                        6. <a href=" http://profiles.games.yahoo.com/games/profile2?name=eldomochy1&consolidater=dominoes.yahoostar&intl=us" >eldomochy1</a>                <br>
                        7. <a href=" http://profiles.games.yahoo.com/games/profile2?name=jorgevpapi&consolidater=dominoes.yahoostar&intl=us" >jorgevpapi</a>                <br>
                        8. <a href=" http://profiles.games.yahoo.com/games/profile2?name=r_millsjr&consolidater=dominoes.yahoostar&intl=us" >r_millsjr</a>                <br>
                        9. <a href=" http://profiles.games.yahoo.com/games/profile2?name=jwilliams95758&consolidater=dominoes.yahoostar&intl=us" >jwilliams95758</a>                <br>
                        10. <a href=" http://profiles.games.yahoo.com/games/profile2?name=chipper_hill&consolidater=dominoes.yahoostar&intl=us" >chipper_hill</a>                        </font></td>
      </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>
      <table width=" 100%"  border=" 0"  cellspacing=" 0"  cellpadding=" 3" >
        <tr bgcolor=" eeeeee" >
          <td width=" 38%" >
          <div align=" center" ><font face=" arial"  size=" -1" > <a href=" ladder2?name=dominoes.yahoostar" >Complete standings</a></font></div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<br>



        <table border=0 cellpadding=3 cellspacing=0 width=" 100%" >
          <tr bgcolor=" 6787BB" > 
            <td> 
              <div align=" center" ><b><font size=" -2"  face=" verdana"  color=" white" >Dominoes Resources</font></b></div>
            </td>
          </tr>
        </table>

      <table border=0 cellspacing=0 cellpadding=2 width=" 100%"  bgcolor=" EEF3FB" >
        <tr>
          <td valign=" top" >·</td>
          <td><font face=" arial" ><small><a href=" helphub.html?page=do" ><b>How to Play</b></a></small></font></td>
        </tr>
        <tr>
          <td valign=" top" >·</td>
          <td><font face=" arial" ><small><a href=" http://rd.yahoo.com/games/?http://messenger.yahoo.com" >Instant Messages</a></small></font></td>
        </tr>
              </table>
          </td>
    <td width=" 7" ><br><br>
    </td>
    <td valign=top width=" 426" >


    <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
      <tr bgcolor=" 6787BB" > 
        <td height=" 1" ></td>
      </tr>
      <tr bgcolor=" 8FA8D2" > 
        <td></td>
      </tr>
    </table>
    <table border=0 cellpadding=1 cellspacing=0 width=" 100%" >
      <tr bgcolor=" 6787BB" > 
        <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
        <td nowrap width=" 94%"  bgcolor=" 6787BB"  align=" center" > <b><font size=" -2"  face=" verdana"  color=" white" >Dominoes Quick Start</font></b></td>
        <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
      </tr>
    </table>
    <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
      <tr bgcolor=" 446292" > 
        <td height=" 1" ></td>
      </tr>
    </table>
    <table width=" 100%"  border=" 0"  cellspacing=" 0"  cellpadding=" 4"  bgcolor=" F4F7FC" >
      <tr> 
        <td width=" 50%"  valign=" top"  align=" right" ><a href=" #stayhere"  onClick=' return lobbyopen(" dominoes_adv" );' ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/playnow.gif"  width=" 112"  height=" 25"  border=" 0"  alt=" playnow" ></a></td>
        <td width=" 50%" > <font face=" arial"  size=" -1" ><a href=" http://games.yahoo.com/games/helphub.html?page=do" >How To Play</a></font></td>
      </tr>
    </table>
    <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
      <tr bgcolor=" b6c7e5" > 
       <td height=" 1" ></td>
      </tr>
    </table>
    <br>

<!-- SpaceID=780000100 loc=WT noad -->

            <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" 6787BB" > 
          <td height=" 1" ></td>
        </tr>
        <tr bgcolor=" 8FA8D2" > 
          <td></td>
        </tr>
      </table>
      <table border=0 cellpadding=1 cellspacing=0 width=" 100%" >
        <tr bgcolor=" 6787BB" > 
          <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
          <td nowrap width=" 94%"  align=" center" > <font size=" -2"  face=" verdana"  color=" white" > 
            <b>Dominoes Tournaments - 12:27 EDT, 02 Aug 2003</b></font></td>
          <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
        </tr>
      </table>
      <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" 446292" > 
          <td height=" 1" ></td>
        </tr>
      </table>
      <table cellspacing=0 cellpadding=3 width=" 100%"  border=0 bgcolor=" f4f7fc" >
                                  <tr>
          <td bgcolor=" f4f7fc"  width=" 2%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/tournaments/trophy.gif"  width=16 height=16></td><td width=98%><font face=" arial"  size=" -1" ><b><a href=" /tourney/details?id=1059847201009" >Official Yahoo! Tournament</a></b> (14:00 EDT, 02 Aug 2003)</font></td>
        </tr>
                                      <tr>
          <td bgcolor=" f4f7fc"  width=" 2%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/tournaments/trophy.gif"  width=16 height=16></td><td width=98%><font face=" arial"  size=" -1" ><b><a href=" /tourney/details?id=1059854404002" >Yahoo! Ladder Tournament</a></b> (16:00 EDT, 02 Aug 2003)</font></td>
        </tr>
                                        <tr><td bgcolor=" f4f7fc"  width=" 2%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/tournaments/smalltrophy_lg1.gif"  width=17 height=18></td><td width=98%><font face=" arial"  size=" -1" ><a href=" /tourney/details?id=1059840900009" >Tournament at bestboneyardaround</a> (12:15 EDT, 02 Aug 2003)</font></td></tr>
                                        <tr><td bgcolor=" f4f7fc"  width=" 2%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/tournaments/smalltrophy_lg1.gif"  width=17 height=18></td><td width=98%><font face=" arial"  size=" -1" ><a href=" /tourney/details?id=1059840900010" >Tournament at the_heavens_gate</a> (12:15 EDT, 02 Aug 2003)</font></td></tr>
                                        <tr><td bgcolor=" f4f7fc"  width=" 2%" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/tournaments/smalltrophy_lg1.gif"  width=17 height=18></td><td width=98%><font face=" arial"  size=" -1" ><a href=" /tourney/details?id=1059840900014" >Tournament at house_of_luv</a> (12:15 EDT, 02 Aug 2003)</font></td></tr>
                                 
        </table>
        <table width=" 100%"  border=" 0"  cellspacing=" 0"  cellpadding=" 2" >
          <tr bgcolor=" eeeeee"  align=" center" > 
            <td> <font face=" arial"  size=" -2" ><a href=" /tourney/calendar?league=yahoostar" >Official Tournaments</a> | <a href=" /tourney/calendar?league=unofficial" >League Tournaments</a></font></td>
          </tr>
        </table>
        <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
          <tr bgcolor=" b6c7e5" > 
           <td height=" 1" ></td>
          </tr>
        </table>

      <br>
            <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" 6787BB" > 
          <td height=" 1" ></td>
        </tr>
        <tr bgcolor=" 8FA8D2" > 
          <td></td>
        </tr>
      </table>
      <table border=0 cellpadding=1 cellspacing=0 width=" 100%" >
        <tr bgcolor=" 6787BB" > 
          <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
          <td nowrap width=" 94%"  align=" center" > <b><font size=" -2"  face=" verdana"  color=" white" > List of Game Rooms</font></b></td>
          <td nowrap width=" 3%"  align=" center" > <img src=" http://us.i1.yimg.com/us.yimg.com/i/us/ga/dots.gif"  width=" 6"  height=" 7" ></td>
        </tr>
      </table>
      <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" 446292" > 
          <td height=" 1" ></td>
        </tr>
      </table>
      <table border=0 cellpadding=5 bgcolor=f4f7fc width=" 100%" >
        <tr>
          <td>
            <table border=0 cellspacing=0 cellpadding=4 width=" 100%" >
              <tr>
                <td valign=top colspan=3 align=center> <font face=" arial"  size=" -1" >Choose a game room from the list below to open a new window.  Click <b>' Play Now' </b> at the game room to play a game.
                 </font></td>
              </tr>
            </table>
            <br> 
            <table border=0 cellspacing=0 cellpadding=2 width=" 100%" >
              <tr align=center>
                                                                                                                                                <td width=" 17%"  align=center><font face=arial size=-1> <a href=" login2?page=do&cat=social" >Social</a></font></td>
                                                                                                                                                        <td width=" 17%"  align=center><font face=arial size=-1> <a href=" login2?page=do&cat=beginner" >Beginner</a></font></td>
                                                                                                                                                        <td width=" 17%"  align=center><font face=arial size=-1> <a href=" login2?page=do&cat=intermediate" >Intermediate</a></font></td>
                                                                                                                                                        <td width=" 17%"  bgcolor=" b6c7e5"  align=center><font face=arial size=-1>Advanced</font></td>
                                                                                                                                                                                              <td width=" 17%"  align=center><font face=arial size=-1> <img src=http://us.i1.yimg.com/us.yimg.com/i/us/ga/star.gif width=12 height=12><a href=" login2?page=do&cat=ladder" >Ladder</a></font></td>
                                                                                                                                                                                                                                <td width=" 15%"  align=center><font face=arial size=-1> <img src=http://us.i1.yimg.com/us.yimg.com/i/us/ga/star.gif width=12 height=12><a href=" login2?page=do&cat=league" >League</a></font></td>
                                                                </tr>
            </table>
            <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
              <tr bgcolor=" 6787BB" > 
                <td height=" 2" ><img src=" http://us.i1.yimg.com/us.yimg.com/i/space.gif"  width=" 1"  height=" 1" ></td>
              </tr>
            </table>
            <br>
            <table border=0 cellspacing=0 cellpadding=3 width=" 100%" >
                            
              

              <tr bgcolor=" 6787bb" >
                <td valign=middle width=" 70%" ><font face=verdana size=-2 color=ffffff><b>Global Game Rooms</b></font></td>
                <td align=center valign=middle width=" 30%" ><font face=verdana size=-2 color=ffffff><b>Players Online</b></font></td>
              </tr>
              
<tr><td width=" 70%" >


<a href=" #stayhere"  onClick=' return lobbyopen(" yahoo_1049248811" );' ><b><font face=arial size=-1>Advanced Lounge</font></b></a>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>13</font></b>
</td>
</tr>
<tr><td width=" 70%" >


<a href=" #stayhere"  onClick=' return lobbyopen(" dominoes_adv" );' ><b><font face=arial size=-1>Lunate</font></b></a>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>97</font></b>
</td>
</tr>
<tr><td width=" 70%" >


<b><font face=arial size=-1>Pisiform</font></b><I><SMALL>(full)</SMALL></I>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>187</font></b>
</td>
</tr>
<tr><td width=" 70%" >


<b><font face=arial size=-1>Triquetral</font></b><I><SMALL>(full)</SMALL></I>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>182</font></b>
</td>
</tr>

              <tr><td colspan=2><br></td></tr>

                            <tr bgcolor=" 6787bb" >
                <td valign=middle width=" 70%"  COLSPAN=2><font face=verdana size=-2 color=ffffff><img src=http://us.i1.yimg.com/us.yimg.com/i/us/ga/star.gif width=12 height=12><b>All-Star Game Rooms</b></font></td>
              </tr>
              
<tr><td width=" 70%" >


<a href=" http://rd.yahoo.com/games/evt=394/*http://games.yahoo.com/games/star5?.done=http%3a%2f%2fgames.yahoo.com%2fgames%2flogin2%3fpage%3ddo%26cat%3dadvanced%26r%3d1059841641" ><b><font face=arial size=-1>Champion' s Arena</font></b></a>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>0</font></b>
</td>
</tr>
<tr><td width=" 70%" >


<a href=" http://rd.yahoo.com/games/evt=394/*http://games.yahoo.com/games/star5?.done=http%3a%2f%2fgames.yahoo.com%2fgames%2flogin2%3fpage%3ddo%26cat%3dadvanced%26r%3d1059841641" ><b><font face=arial size=-1>Advanced Tournament</font></b></a>
</td>
<td width=" 30%"  align=" center" >
  <b><font face=arial size=-1>0</font></b>
</td>
</tr>
              

                                        </table>
          </td>
        </tr>
      </table>
      <table width=100% border=" 0"  cellspacing=" 0"  cellpadding=" 0" >
        <tr bgcolor=" b6c7e5" > 
         <td height=" 1" ></td>
        </tr>
      </table>

  <br>
  <TABLE border=0 cellpadding=4 cellspacing=0 width=" 100%" >
            <TR bgcolor=" ad61bd" >
              <TD nowrap width=" 71%" ><B><FONT face=" verdana"  size=" -2"  color=" white" >Weekly Specials </FONT></B></TD>
              <TD nowrap width=" 29%"  align=" center" > <FONT face=" verdana"  size=" -2"  color=" white" >ADVERTISEMENT</FONT></TD>
            </TR>
          </TABLE>
          <TABLE border=0 cellpadding=0 cellspacing=1 width=" 100%"  bgcolor=" B6C7E5" >
            <TR> 
              <TD> 
                <TABLE cellpadding=2 cellspacing=0 border=0 width=100% bgcolor=#ffffcc>
<tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=228365.3612254.4882664.3321621/D=gamesnew/S=780000100:T/A=1679227/R=0/SIG=11jjtpfg3/*http://health.yahoo.com/health/centers/oral_care/" >ISave $5 now. Brighten your smile with Colgate.</a></b></font></td></tr><tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=258845.3584701.4902623.3321621/D=gamesnew/S=780000100:T/A=1689759/R=0/SIG=11f8ag8fm/*http://www.challengerone.com/t/l.asp?cid=2909" >Buy Printer Toner at LaserTonerSuperstore.com</a></b></font></td></tr><tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=258847.3593323.4903110.3321621/D=gamesnew/S=780000100:T/A=1700812/R=0/SIG=11p61i2d3/*http://www.c1tracking.com/l.asp?cid=5885&lp=home/hp.asp" >Buy Ink Cartridges for Your HP: $8-$20 at MyInks.com - Save 80%</a></b></font></td></tr><tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=255241.3505204.4902540.3321621/D=gamesnew/S=780000100:T/A=1686568/R=0/SIG=11s5k9orb/*http://www.challengerone.com/t/l.asp?cid=2902&lp=h515.html" >Buy No Snore Natural Oral Spray. 2 oz. $24.95</a></b></font></td></tr><tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=255242.3456513.4745053.3321621/D=gamesnew/S=780000100:T/A=1698792/R=0/SIG=11adtjl9u/*http://www.c1tracking.com/l.asp?cid=5937" >Buy Printer Ink at MyInks.com - Save 80% & Free s/h over $50 </a></b></font></td></tr><tr bgcolor=white valign=" top" > <td width=1% align=" center" ><b>·</b></td> <td width=99%> <font size=" 2"  face=" Arial" ><b><a href=" http://rd.yahoo.com/M=258846.3593232.4902918.3321621/D=gamesnew/S=780000100:T/A=1700817/R=0/SIG=11s5tqbbq/*http://www.c1tracking.com/l.asp?cid=5874&lp=home/epson.asp" >Buy Ink Cartridges for Your Epson: $3-$10 at MyInks.com - Save 80%</a></b></font></td></tr>             </TABLE>
              </TD>
            </TR>
 </TABLE>

    </td>
    <td width=" 7" > </td>
    <td width=130 valign=top align=center bgcolor=" EEF3FB" >
<table border=0 cellpadding=0 cellspacing=0><tr><td align=center><font face=arial size=-2>ADVERTISEMENT</font><br><script language=JavaScript>var sky_target=" _top" ; var sky_URL = new Array(); sky_URL[1] = " http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=0/id=flashurl/SIG=1621n9ds2/*http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=1/id=O=1/I=travel_ya/bucket/bfalerts/sky/*http://alerts.yahoo.com/config/edit_notification?.t=x&.s=b" ; var link=" javascript:SKYopenWindow(1)" ; var sky_flashfile = ' http://us.a1.yimg.com/us.yimg.com/a/ya/yahoo_travel/travel_alerts_sky.swf?clickTAG=' +link+' ' ; var sky_altURL = " http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=2/id=altimgurl/SIG=162nqbm6f/*http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=3/id=O=1/I=travel_ya/bucket/bfalerts/sky/*http://alerts.yahoo.com/config/edit_notification?.t=x&.s=b" ; var sky_altimg = " http://us.a1.yimg.com/us.yimg.com/a/ya/yahoo_travel/travel_alerts_sky_backup.gif" ; var sky_width = 120; var sky_height = 600; </script><script language=JavaScript src=http://us.a1.yimg.com/us.yimg.com/a/1-/jscodes/072002/ct_sky_072002.js></script><noscript>
  <a href=" http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=4/id=noscript/SIG=162fc8gqj/*http://rd.yahoo.com/M=259375.3613924.4892976.1386099/D=gamesnew/S=780000100:SKY/A=1684211/R=5/id=O=1/I=travel_ya/bucket/bfalerts/sky/*http://alerts.yahoo.com/config/edit_notification?.t=x&.s=b"  target=_top><img src=" http://us.a1.yimg.com/us.yimg.com/a/ya/yahoo_travel/travel_alerts_sky_backup.gif"  width=120 height=600 border=0></a></noscript></td></tr></table>    </td>
  </tr>
</table>
</form>

<hr size=" 1"  width=" 750"  noshade>

</center>

<center>
<font face=" arial"  size=-2>Copyright © 2003 Yahoo! Inc. All rights reserved.
<br>
<a href=" http://privacy.yahoo.com/privacy/us" >Privacy Policy</a> - 
<a href=" http://docs.yahoo.com/info/terms/" >Terms of Service</a> - 
<a href=" http://docs.yahoo.com/info/copyright/copyright.html" >Copyright Policy</a>
<br>
<a href=" http://docs.yahoo.com/info/guidelines/community.html" >Guidelines</a> - 
<a href=" http://help.yahoo.com/help/us/games/" >Questions</a>, <a href=" http://games.yahoo.com/games/feedback" >Comments</a>, <a href=" http://games.yahoo.com/games/feedback" >Bugs</a>, <script language=javascript> var ADFadids = " 1299173" ; function ADFlaunch() {var w; var l=" http://rd.yahoo.com/M=236957.3269183.4566788.1919865/D=gamesnew/S=780000100:FOOT/A=1299173/R=0/id=adfeedback/SIG=12h80ll48/*http://promo.yahoo.com/adfeedback/?page=780000100:FOOT&property=gamesnew&adids=" +ADFadids; w=window.open(l," AdFeedbackWin" ," toolbar=no,scrollbars=yes,resizable,location=no,height=400,width=640" ); }</script><a href=" javascript:ADFlaunch()" >Ad Feedback</a>
<br>
</font>
</center>
</BODY>
</HTML>


< Message edited by Mike_R -- 8/3/2003 9:40:55 PM >
Swirl

 

Posts: 2708
From: Cincinnati, Ohio USA
Status: offline

 
RE: I Need My Tables to Look Like Yahoo' s . . . - 8/4/2003 20:41:17   
The background for the table is set to the light blue and then they used other background colors for the individual cells.

The cell in question is kept open below the " instant messages" link because the center column is longer.

Hope this makes sense.
Swirl

_____________________________

Knowledge speaks, but wisdom listens.
-- Jimi Hendrix

(in reply to Mike_R)
Mike_R

 

Posts: 124
Joined: 1/15/2003
Status: offline

 
RE: I Need My Tables to Look Like Yahoo' s . . . - 8/5/2003 9:18:18   
Swirl, yes, that makes perfect sense. That seems a sneaky way to accomplish the effect :), but hey, it works. I will test that strategy out on my site and see if it works for me. Thanks so much.

Mike R

(in reply to Swirl)
Page:   [1]

All Forums >> Web Development >> General Web Development >> I Need My Tables to Look Like Yahoo' s . . .
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts