browser help [Archive] - Lissa Explains it All: Web Design Forums

Ini

08-12-2006, 05:38 PM

Im not sure if this is the right section, if not, please move, thanks

Hey, i made this site (using iframes) as a template/gift for my friend, and i want it to look great for him, (he uses firefox).

The problem is, i have got a cool hover menu, but it doesn't show up in firefox, but it does in IE. can anyone help? I think it uses javascript and CSS.

I got it from: http://javascriptkit.com
my site: http://www.imis-realm.co.nr/
The CSS page(needed for it to work):http://www.freewebs.com/imis_realm/hover.CSS

The code for the menu on the actual iframe:

<LINK href="hover.CSS" rel="stylesheet" type="text/css">

<script type="text/javascript">
// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>

</HEAD>

<ul id="nav">
<li><center><a href="#"> SITE </a></center>
<ul>
<li><a href="home.html" target=frame>Home</a></li>
<li><a href="http://z6.invisionfree.com/Imis_Realm/" target=none>Forums</a></li>
<li><a href="link.html" target=frame>Link</a></li>
<li><a href="link.html" target=frame>Link</a></li>
<li><a href="link.html" target=frame>Link</a></li>
<li><a href="link.html" target=frame>Link</a></li>
</ul>
</li>
<li><center><a href="#"> GRAPHICS </a></center>
<ul>
<li><a href="avatars.html" target=frame>Avatars</a></li>
<li><a href="signatures.html" target=frame>Signatures</a></li>
<li><a href="link.html" target=frame>Graphics help</a></li>
</ul>
</li>
<li><center><a href="#"> RUNESCAPE</a></center>
<ul>
<li><a href="link.html" target=frame>Guides</a></li>
<li><a href="link.html" target=frame>Tips</a></li>
<li><a href="link.html" target=frame>Screenshots</a></li>
<li><a href="link.html" target=frame>Items</a></li>
<li><a href="link.html" target=frame>Monsters</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
<li><a href="link.html" target=frame>link</a></li>
</ul>
</li>
<li><center><a href="#"> TUTORIALS</a></center>
<ul>
<li><a href="link.html" target=frame>Link</a></li>
<li><a href="link.html" target=frame>Paint Shop & Photoshop</a></li>
<li><a href="link.html" target=frame>Website Tips</a></li>
</ul>
</li>

</ul>

<script>

//Hide status bar msg II script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

Can anyone help?

Thanks

Also, the other problem is, i have headers (view the site in IE), but again they dont appear in Firefox.

Code: <p class="header">Buttons</p>

Thanks in advance

Ini

J to the izzosh

08-12-2006, 07:39 PM

Welp, before we get into the nitty-gritty parts, you should try fixing your HTML syntax first: you have multiple <head> and <body> elements when you should only have one, you do not have closing <html> and <body> elements, and your CSS should all be inside your single header with your title. Make sure that you close every element which you open: there are several tags, mostly paragraph (<p>) tags, which have been opened, do not contain content, and haven't been closed. Even empty elements like <link> and <img>, which don't have a closing tag, per se, should be closed by placing a foreslash inside the end of the tag: <link />; much like you have done with some of your image tags. <style> tags should also not be contained within external CSS documents as they are not valid CSS, only HTML used to denote CSS internal to an HTML file.

Because it involves a Javascript menu not working, your issue may be better off in the Advanced Programming forum, but since it could aslo be caused by syntax errors in your HTML and CSS, where you have it is fine and we'll leave it there until it needs to be moved.