Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Oct 2004
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Netscape CSS and JS not showed in Netscape.

    Hi people.
    I build some pages and i tested them just with IE. Now i tried with Netscape 7.0 and all my css styles are not working.

    Look how i done it:
    1. I create a css style page with the code:
    Code:
    A.menu:link {
    	color: #ffffff;
    	font-family:verdana,arial,helvetica;
    	font-size: 12px;
    	font-weight:bold;
    	TEXT-DECORATION: none
    }
    A.menu:hover {
    	color: #336699;
    	font-family:verdana,arial,helvetica;
    	font-size: 12px;
    	font-weight:bold;
    	TEXT-DECORATION: underline;
    	font-weight:bold; 
    	font-style: normal;
    	line-height: normal;
    	font-variant: normal;
    	text-transform: none;
    	border: thin none #FFFFFF;
    }
    A.menu:visited {
    	color: #ffffff;
    	font-family: Verdana;
    	font-weight:bold;
    	font-size: 12px;
    	TEXT-DECORATION: none
    }
    A.menu:hover {
    	color: #336699;
    	font-family:verdana,arial,helvetica;
    	font-weight:bold;
    	font-size: 12px;
    	TEXT-DECORATION: underline
    	font-style: normal;
    	line-height: normal;
    	font-variant: normal;
    	text-transform: none;
    	border: thin none #FFFFFF;
    }
    i saved the file as menu.css

    2. i create the menu with the links
    Code:
    if (document.all) 
    document.write(
    "<div id='content' style='position: relative; width: 140px; height: 75px;'>\
    	\
    		<span class='menu'>\
    			<img src='../css-js/bumb.gif'/> <a href='index.htm', class='meniu_stanga'>first page</a>\
    		</span>\
    	\
    		<span class='menu'>\
    			<img src='../css-js/bumb.gif'/> <a href='arhiva_editoriale.htm' class='menu'>second page</a>\
    		</span>\
        \
    		<span class='menu'>\
    			<img src='../css-js/bumb.gif'/> <a href='cititori.htm' class='menu'>third page</a>\
    		</span>\
    	\
    </div>");
    I saved it like menu.js

    3. I created the web page well i add the js menu and i made a link to the css style page. But Netscape 7 is not seeing the css styles. what to do.
    Here is the cod of the trial page im working on , to figure out what happening

    Code:
    <html>
    <head>
    <title>TRIAL</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    
    
    </script>
    
    <body bgcolor="#999999" onLoad="settitle()">
    <div id="Layer3" style="position: absolute; left: 121px; top: 238px; width: 201px; height: 19px; z-index: 3"><script language="JavaScript" src="menu.js" type="text/JavaScript"></script></div>
    
    </html>
    If somebody can tell me what to do is free to e-mail me also at crristi@tiscali.it
    Last edited by crristi; 10-11-2004 at 08:06 PM. Reason: i had a mistake

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Um... You could try getting rid of the "."s in front of the ":"s

  • #3
    New Coder
    Join Date
    Oct 2004
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Huh

    thanks but its still not working.
    im waiting other advices guys.
    Cristian

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oops! I forgot! NS doesn't use document.all

    Change "if (document.all)" to "if (document.all||document.getElementById)".

  • #5
    New Coder
    Join Date
    Oct 2004
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Thanks.

    i modified that line and in deed now is working. thanks you.
    but i still have one more thing to ask: its not showing me the menu itemes one under the other, is like its writing a normal text from the start to the end of the row. please look in the css file i done and tell me whats wrong, or if i have to change sth else too in the js file in the way that netscape to recognise the arangement of the items.
    thanks again, this time in advanced :-)

  • #6
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Please post a screenshot that shows what you want. It is hard to figure out without something to use as a basic model.

  • #7
    New Coder
    Join Date
    Oct 2004
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Netscape print preview

    here we go. you have a part of the page displayed in netscape. you will not understant the words cause are in another language that english :-)

    the problem is how the left part, the one with the manu is displayed.
    cristian
    Attached Thumbnails Attached Thumbnails CSS and JS not showed in Netscape.-untitled-1.jpg  

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <div id="Layer3" style="position: absolute; left: 121px; top: 238px; width: 201px; height: 19px; z-index: 3"><script language="JavaScript" src="menu.js" type="text/JavaScript"></script></div>
    I suspect your specified width is simply too small to contain all the text, since you haven't specified what to do in the case of an overflow it appears Netscape has decided to honor the width request and override your height while the fact that you don't seem to be seeing this in IE means IE probably honors the height and overrides your width.
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #9
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm going to take a guess and say the page is in Italian.

    Perhaps using a list would be better?

    Code:
    if (document.all || document.getElementById) 
    document.write(
    "<div id='content' style='position: relative; width: 140px; height: 75px;'>
      <ul style='list-style: square outside url(\"../css-js/bumb.gif\");'>
        <li><a href='index.htm', class='meniu_stanga'>first page</a></li>
        <li><a href='arhiva_editoriale.htm' class='menu'>second page</a></li>
        <li><a href='cititori.htm' class='menu'>third page</a></li>
      </ul>
    </div>");
    That should work better. Note that I removed the "<span class='menu'>" parts before the <img/> tags and the "</span>" parts after the </a> tags because in your CSS that you posted, the "menu" class was for <a> tags. You already have that in your code, so there is no need for the <span> tags, unless you have something else defined for them. I also removed the <img/> tags because the 'list-style' part in the <ul> tag takes care of it. If "outside" doesn't work in 'list-style', change it to "inside". Tell us how it works.

  • #10
    New Coder
    Join Date
    Oct 2004
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Many thanks! :-)

    I am at work now, so i cant tell you if the codes are working or not. I will post a message latter, when i will be back home.
    But i will thank you anyway :-)

    also, in a way you guessed what language its about. Its a language that is based on the Roman`s Empire language. Its not italian, its romanian :P

    Cristian


  •  

    Posting Permissions

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