66 users online (1 members and 65 guests)  

Thread: tables


  Results 1 to 7 of 7

Related

  1. Help with Tables!!!!    Forum: HTML Forum
    Replies: 1
  2. Replies: 2
  3. css for tables    Forum: CSS Forum
    Replies: 1
  4. Replies: 2
  5. help with tables!    Forum: HTML Forum
    Replies: 2
  1. #1
    crtas1's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2003
    Posts
    8

    tables

    I need for all my tables to appear the same on all different monitors. I thought if I set all of them at 100% they would appear the same. No such luck. Does anyone have any suggestions for making my web pages look the same on everyones PC?

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hiya.

    Well, as everyone uses different resolutions, different browsers, and even different versions of browsers, its quite tricky.

    It depends how exact you want it. Using percentages (fits all monitors) and tables (tables are accepted by pretty much all browsers) you will get pretty close. How about a link so we can see some code?
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    Sounds like you're chasing something that's going to end at a stay in some sanatorium. It might seem better to use some width like 92~96% for the outermost <CENTER>'d <TABLE ...> and hope that the blank border outside it is what varys from browser to browser and resolution setting to resolution setting.

  4. #4
    crtas1's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2003
    Posts
    8
    On my monitor this looks fine but on others the nav bar wraps around and creates another line where home is... I would like there to be one nav bar not have it wrapping on anyones PC

    http://chsweb.carilion.com/him/Page2001HIM/facilities.html
    Last edited by crtas1; 03-27-2003 at 02:46 PM.

  5. #5
    Saj's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Feb 2003
    Posts
    35
    Link doesn't work.

  6. #6
    crtas1's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2003
    Posts
    8
    <html>

    <head>
    <title>Health Information Management</title>
    <meta name="GENERATOR" content="Microsoft FrontPage 3.0">
    <script language="JavaScript1.2">
    <!--Special Effects upon page enter credit- Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more free DHTML Scripts, and Terms Of Use, visit dynamicdrive.com--><meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">
    //Gradual-Highlight image script- By Dynamic Drive
    //For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
    //This credit MUST stay intact for use

    function high(which2){
    theobject=which2
    highlighting=setInterval("highlightit(theobject)",50)
    }
    function low(which2){
    clearInterval(highlighting)
    if (which2.style.MozOpacity)
    which2.style.MozOpacity=0.3
    else if (which2.filters)
    which2.filters.alpha.opacity=30
    }

    function highlightit(cur2){
    if (cur2.style.MozOpacity<1)
    cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
    else if (cur2.filters&&cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=10
    else if (window.highlighting)
    clearInterval(highlighting)
    }

    </script>
    <script LANGUAGE="JavaScript"
    SRC="AnimatedFader.js"></script>
    <script LANGUAGE="JavaScript">

    //Script submitted to and featured on
    //http://www.dynamicdrive.com

    /*
    * FadingText(divName, numSteps, BGColor)
    * divName : Must match the DIV names defined at the end of the BODY)
    * numSteps: The number of steps in the fading transition
    * BGColor : The background colour of the DIV or document.
    */
    FadingText('fade1', 10,"FFFFFF");

    /*** The "Frame Interval" Smaller = faster ***/
    FadeInterval=30;

    </script>

    <style>
    img { border-width:0px; }
    </style>
    </head>

    <body bgcolor="#fefefe" text="#000000" link="#000000" vlink="#000000" alink="#000000">

    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td width="65%"><img src="../../pfs/chstheresa.gif" width="177" height="61"
    alt="chstheresa.gif (2332 bytes)"><font size="+2" color="000099" face="Currency"><em><strong>Health
    Information Management</strong></em></font></td>
    <td width="35%"><font size="+2" color="000099" face="Currency"><em><strong><p
    align="right">&nbsp;</p>
    </strong></em></font><p align="right"><font size="+2" color="000099" face="Currency"><em><strong>Facilities</strong></em></font></td>
    </tr>
    </table>

    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%" height="8" bgcolor="333399"></td>
    </tr>
    <tr>
    <td width="100%" height="4" bgcolor="32cd32"></td>
    </tr>
    <tr>
    <td width="100%" height="4" bgcolor="c2c2c2"></td>
    </tr>
    </table>
    <div align="center"><center>

    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="365">
    <tr>
    <td width="55%" colspan="2" height="21"></td>
    <td width="34%" height="21"></td>
    </tr>
    <tr>
    <td width="33%" align="center" height="172"><a
    href="http://chsweb.carilion.com/him/Page2001HIM/csah.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/csah_little.gif" width="152"
    align="center"></a><p><em><strong><small>St Albans</small></strong></em></td>
    <td width="33%" valign="baseline" align="center" height="172">&nbsp;<p><a
    href="http://chsweb.carilion.com/him/Page2001HIM/cfmh.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/cfmh_little.gif" width="152"></a></p>
    <p align="center"><em><strong><font face="Currency"><small>Franklin Memorial</small></font></strong></em></p>
    <p align="center">&nbsp;</td>
    <td width="34%" valign="baseline" align="center" height="172">&nbsp;<p><a
    href="http://chsweb.carilion.com/him/Page2001HIM/cnrv.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/cnrv_little.gif" width="152"></a></p>
    <p align="center"><em><strong><small>New River Valley</small></strong></em></p>
    <p align="center">&nbsp;</td>
    </tr>
    <tr>
    <td width="33%" align="center" height="172"><a
    href="http://chsweb.carilion.com/him/Page2001HIM/crmh.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/crmh_little.gif" width="152"></a><p><em><strong><small>Roanoke
    Memorial</small></strong></em></td>
    <td width="33%" align="center" height="172"><a
    href="http://chsweb.carilion.com/him/Page2001HIM/cgmh.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/cgmh_little.gif" width="152"></a><p
    align="center"><em><strong><small>Giles Memorial</small></strong></em></td>
    <td width="34%" align="center" height="172"><a
    href="http://chsweb.carilion.com/him/Page2001HIM/crch.html"><img onmouseover="high(this)"
    style="FILTER: alpha(opacity=30); moz-opacity: 0.3" onmouseout="low(this)" height="97" alt
    src="http://chsweb.carilion.com/him/Page2001HIM/crch_little.gif" width="152"></a><p
    align="center"><em><strong><small>Roanoke Community</small></strong></em></td>
    </tr>
    </table>
    </center></div>

    <p align="center"><strong><font color="#000000" size="2" face="MS Sans Serif"><a
    href="management.html">Leadership Team</a>&nbsp;&nbsp; | &nbsp;&nbsp; <a
    href="master_person_index.html">Master Person Index</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a
    href="transcription.html"> Transcription</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a
    href="release_of_information.html">Release of Information</a>&nbsp;&nbsp; |&nbsp;<a
    href="http://chsweb.carilion.com/clineff/forms/FormsDatabase.html"> </font><font
    face="MS Sans Serif"><small>Project Forms</a> &nbsp; |&nbsp; </small></font><font
    color="#000000" size="2" face="MS Sans Serif"><a href="internet_links.html">Internet Links</a>
    &nbsp;&nbsp; |&nbsp;&nbsp; <a href="index.html">Home</a></font></strong></p>

    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%" height="4" bgcolor="c2c2c2"></td>
    </tr>
    <tr>
    <td width="100%" height="4" bgcolor="32cd32"></td>
    </tr>
    <tr>
    <td width="100%" height="8" bgcolor="333399"></td>
    </tr>
    </table>
    </body>
    </html>

  7. #7
    Saj's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Feb 2003
    Posts
    35
    Ugh I hate Frontpage code.

    But I know with CSS you can change margins on the html page. Another problem you would have is text size. The page will look completely different if someone has largest text size on. I personally don't see any way to make a web page look the same on everyone's computer.

    Also, what you can do, is you can check the browser type using javascript or vbscript and then redirect the user to a page made especially for that browser. A lot more work though.



Tags for this Thread