SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: Vertical Rule

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2000
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am having some Netscape troubles, which I hope someone will be able to help me resolve. I am trying to insert a vertical rule, which looks fine in IE and Netscape 6 but is a big, fat, ugly rule in Netscape 4.6. Can anyone figure out what I'm doing wrong? I have been over my code with a fine tooth comb and can't figure it out. Thanks.

    <html>
    <head>
    <title>...</title>
    <meta name="keywords" content="...">
    <meta name="description" content="...">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Glasspoole Web Development : http://www.glasspoole.com">

    <!--onMouseover Link CSS Script- Dynamic Drive (www.dynamicdrive.com). For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com--><style><!--a:hover{color:990000; font-weight:bold; }--></style>

    <STYLE TYPE="text/css">
    <!--
    H1 { font-family: Arial, Helvetica, Trebuchet MS, Sans Serif;
    font-size: 24pt;
    color: #000099; }
    BODY { font-family: Times New Roman, Georgia, Serif;
    font-size: 12pt;
    color: #000000;
    line-height: 14pt;
    margin-left: 0pt;
    margin-right: 0pt;
    margin-top: 0pt;
    margin-bottom: 0pt; }
    P { font-family: Times New Roman, Georgia, Serif;
    font-size: 12pt;
    color: #000000;
    line-height: 14pt; }
    DIV { font-family: Arial, Helvetica, Sans Serif;
    font-size: 8pt;
    text-align: left; }
    -->
    </STYLE>

    <script language="JavaScript" src="navcond.js"></script>
    <script language="JavaScript">

    /*
    Top Navigational Bar II (By Mike Hall @ Brainjar.com)
    Last updated: 00/05/08
    Permission granted and modified by Dynamicdrive.com to include script in archive
    For this and 100's more DHTML scripts, visit http://dynamicdrive.com
    */

    var myNavBar1 = new NavBar(0);
    var dhtmlMenu;

    //define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
    //add more menus simply by adding more "blocks" of same code below

    dhtmlMenu = new NavBarMenu(100, 0);
    dhtmlMenu.addItem(new NavBarMenuItem("Home", "http://www.kdv.com"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Industries", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("Contractors", "contracting.html"));
    dhtmlMenu.addItem(new NavBarMenuItem("Financial Services", "finservices.html"));
    dhtmlMenu.addItem(new NavBarMenuItem("General Business", "genbusiness.html"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Services", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("News.com", "http://www.news.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Techweb", "http://www.techweb.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Wired", "http://www.wired.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://www.dynamicdrive.com"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Technology", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Resources", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Careers", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
    myNavBar1.addMenu(dhtmlMenu);

    dhtmlMenu = new NavBarMenu(100, 120);
    dhtmlMenu.addItem(new NavBarMenuItem("Site Map", ""));
    dhtmlMenu.addItem(new NavBarMenuItem("Dynamic Drive", "http://dynamicdrive.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Website Abstraction", "http://wsabstract.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("Freewarejava.com", "http://freewarejava.com"));
    dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
    myNavBar1.addMenu(dhtmlMenu);

    //set menu colors
    myNavBar1.setColors("#000099", "#FFFFFF", "#000099", "#FFFFFF", "#990000", "#000000", "#CCCC33", "#FFFFFF", "#999900")

    //uncomment below line to center the menu (valid values are "left", "center", and "right"
    //myNavBar1.setAlign("center")

    var fullWidth;

    function init() {

    // Get width of window, need to account for scrollbar width in Netscape.

    fullWidth = getWindowWidth()
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

    myNavBar1.resize(fullWidth);
    myNavBar1.create();
    myNavBar1.setzIndex(2);
    }
    </script>

    </head>
    <body onload="init()" bgcolor="#FFFFFF" link="#3333CC" vlink="#6666FF" alink="#CCCC33">
    <a name="top"></a>

    <!-- ================================PAGE HEADER================================ -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
    <tr>
    <td>

    <table width="100%" border="0" cellpadding="10" cellspacing="0" align="center">
    <tr><td><img src="graphics/transpixel.gif" width="1" height="20" border="0" alt="spacer"></td></tr>
    <tr><td width="60%"><a href="index.html"><img src="graphics/kdv.gif" width="213" height="72" border="0" alt="Welcome to Kern, DeWenter, Viere, Ltd. (KDV)" align="baseline"></a></td>
    <td align="right">
    <form method="get" action="http://search.atomz.com/search/">
    <input size=20 name="sp-q">
    <input type=submit name="search" value="Search">
    <input type=hidden name="sp-a" value="0004361b-sp00000000">
    <font face="arial" size="1"><a href="advsearch.html">Advanced</a></font>
    </form>
    <img src="graphics/transpixel.gif" width="1" height="23" border="0" alt="blank space">
    <!-- start of script -->
    <!-- for more scripts visit http://www.netpedia.com -->

    <SCRIPT LANGUAGE="JavaScript">

    <!-- begin
    var day="";
    var month="";
    var ampm="";
    var ampmhour="";
    var myweekday="";
    var year="";
    mydate = new Date();
    myday = mydate.getDay();
    mymonth = mydate.getMonth();
    myweekday= mydate.getDate();
    weekday= myweekday;
    myyear= mydate.getYear();
    year = myyear;
    myhours = mydate.getHours();
    ampmhour = (myhours > 12) ? myhours - 12 : myhours;
    ampm = (myhours >= 12) ? ' PM' : ' AM';
    mytime = mydate.getMinutes();
    myminutes = ((mytime < 10) ? ':0' : ':') + mytime;
    if(myday == 0)
    day = " Sunday, ";
    else if(myday == 1)
    day = " Monday, ";
    else if(myday == 2)
    day = " Tuesday, ";
    else if(myday == 3)
    day = " Wednesday, ";
    else if(myday == 4)
    day = " Thurday, ";
    else if(myday == 5)
    day = " Friday, ";
    else if(myday == 6)
    day = " Saturday, ";
    if(mymonth == 0) {
    month = "January ";}
    else if(mymonth ==1)
    month = "February ";
    else if(mymonth ==2)
    month = "March ";
    else if(mymonth ==3)
    month = "April ";
    else if(mymonth ==4)
    month = "May ";
    else if(mymonth ==5)
    month = "June ";
    else if(mymonth ==6)
    month = "July ";
    else if(mymonth ==7)
    month = "August ";
    else if(mymonth ==8)
    month = "September ";
    else if(mymonth ==9)
    month = "October ";
    else if(mymonth ==10)
    month = "November ";
    else if(mymonth ==11)
    month = "December ";
    // End -->
    </SCRIPT>

    <SCRIPT LANGUAGE="JavaScript">
    document.write("<b><font color=#000000 size='2' face='Arial, Helvetica'>" + ampmhour + "" + myminutes + ampm)
    document.write(" | " + day + month);
    document.write(myweekday + ", " + year + "</font>");
    </SCRIPT>
    <!-- end of script -->

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

    <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0"><tr><td align="center"><hr size="1" width="100%" noshade color="#000099"></td></tr></table>

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

    <!-- ================================MAIN CONTENT================================ -->
    <table width="100%" cellpadding="0" cellspacing="0" align="center" border="0">
    <tr>
    <td valign="top" align="left">

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

    <h1>Page Title</h1>

    <p>First paragraph goes here. Followed by the second paragraph. Followed by the third paragraph. And so on and so on and so on.</p>

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

    </td>

    <!-- ================================BLANK COLUMN================================ -->
    <td width="1" bgcolor="#000099"><img src="graphics/transpixel.gif" width="1" height="1" border="0"></td>

    <!-- ================================RELATED LINKS================================ -->
    <td width="25%" valign="top" align="left">

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

    <p><a href="">Link #1</a><br>
    Link description goes here.</p>

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

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

    <!-- ================================FOOTER================================ -->
    <table width="100%" align="center" border="0">
    <tr>
    <td>
    <hr width="100%" noshade size="1" color="#000099">

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

    <a href="index.html">Home</a> |
    <a href="contact.html">Contact Us</a> |
    <a href="feedback.html">Feedback</a> |
    <a href="privacy.html">Privacy Statement</a> |
    <a href="sitemap.html">Site Map</a> |
    <a href="#top">Top of Page</a>

    <br>
    <br>

    <div align="left">
    <font size="1" face="Arial, Helvetica">
    Copyright &copy; 1996-2000 by Kern, DeWenter, Viere, Ltd. All rights reserved.<br>

    Last date modified:

    <SCRIPT LANGUAGE="JavaScript">

    <!-- this script and many more are available free online at -->
    <!-- the javascript source!! http://javascript.internet.com -->

    <!-- begin
    var days = new Array(8);
    days[1] = "Sunday";
    days[2] = "Monday";
    days[3] = "Tuesday";
    days[4] = "Wednesday";
    days[5] = "Thursday";
    days[6] = "Friday";
    days[7] = "Saturday";
    var months = new Array(13);
    months[1] = "January";
    months[2] = "February";
    months[3] = "March";
    months[4] = "April";
    months[5] = "May";
    months[6] = "June";
    months[7] = "July";
    months[8] = "August";
    months[9] = "September";
    months[10] = "October";
    months[11] = "November";
    months[12] = "December";
    var dateObj = new Date(document.lastModified)
    var wday = days[dateObj.getDay() + 1]
    var lmonth = months[dateObj.getMonth() + 1]
    var date = dateObj.getDate()
    var fyear = dateObj.getYear()
    if (fyear < 2000)
    fyear = fyear + 1900
    document.write(wday + ", " + lmonth + " " + date + ", " + fyear)
    // end -->
    </SCRIPT>

    <br>

    Comments or suggestions to <a href="mailto:jglasspoole@kdv.com?subject=comments">Webmaster</a>

    </font>
    </div>

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

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

    </body>
    </html>
    Joanne Glasspoole
    www.glasspoole.com

  2. #2
    SitePoint Enthusiast
    Join Date
    Nov 2000
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm sorry for the long page of code! I figured out my problem. I changed my percentages to fixed widths and it solved the problem. Thanks anyway.
    Joanne Glasspoole
    www.glasspoole.com

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    jglasspoole...

    it might be easier if you could just post an example of the page instead of just the code.

    as soon as you do I will check the code and see what is going on OK?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2000
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Creole,

    Thanks, I did get it fixed.

    BTW: I regretted sending the long page of code--I should have thought about it before hitting the submit button. I just didn't realize how long it was until after I viewed my post.

    I'm sorry I wasted your time.
    Joanne Glasspoole
    www.glasspoole.com

  5. #5
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you didn't waste my time at all. It is just a bit difficult to diagnose a problem when you can't get a visual on it.

    cheers
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  6. #6
    SitePoint Addict
    Join Date
    Oct 2000
    Posts
    304
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I doubt apologies are needed for a long post like this... certainly doesn't bother me.

    Just a side note, for future reference: Netscape gets absolutely whacky with scripts like this (or anything dynamic) when you use percentages in tables. In some cases, it may be necessary to insert fixed with spacer graphics to make it behave.



Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •