Coding help, please?

@mmumpowerJun 05.2007

Hi there.

I’ve seem to hit a snag in my coding somewhere and can’t spot my error.

The site url is ~~[url]~~http://www.the-silence.org/vp/NEW%20STUFF/[/url]

The problem lies in the menu when you access it using IE.

In Firefox, it’s perfect. (~~[URL=”http://www.the-silence.org/vp/NEW STUFF/Firefox.JPG”]~~Screenshot[/URL])

In IE, it has a red bar underneath at first. (~~[URL=”http://www.the-silence.org/vp/NEW STUFF/IE1.JPG”]~~Screenshot[/URL])

Then, once you make use of the menu, it appears way down below. (~~[URL=”http://www.the-silence.org/vp/NEW STUFF/IE2.JPG”]~~Screenshot[/URL])

I’d really appreciate any help you could give.

Thank you in advance!

to post a comment

HTML

4 Comments(s) _↴

@WebJoelJun 05.2007 — #<p>

 <img src="images/logo.gif" /><br />
 
   <h1>Intranet</h1>
 
   </p>[/QUOTE]

This doesn't look right. You cannot 'nest' a header inside of a paragraph. The "<h>" forces a new line.

I'd actually try it more like this:

<div id="header">

<img src="images/logo.gif" style="width:190px; height:60px; margin:0 auto;" />

<h1>Intranet</h1>

</div>[/QUOTE]

@mmumpowerauthorJun 05.2007 — #Joel

First off, thank you.

I've changed the code to:

[CODE]
  <div id="header">
 
   <p>
 
   <img src="images/logo.gif" />
 
   </p>
 
   <h1>Intranet</h1>
 
   </div>
 [/CODE]

Though, even with this change, the menu's still are not showing up correctly in IE6.

Also, I've integrated the coding into the site itself, as I was having internet problems at home and the changes, as well as coding, are now at http://www.the-silence.org/vp/

@ray326Jun 05.2007 — #Your XML isn't quite kosher but it's unlikely that it's causing your problem.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.the-silence.org%2Fvp%2F

Another aside: Although a picture is worth a thousand words, an image does not a paragraph make.

@WebJoelJun 06.2007 — #<body>

[B]<div id="wrapper">

<div id="header" style="height:59px; background:url(images/logo.gif) no-repeat center center;">

</div>

<h1>Intranet</h1>

 <div id="navigation" style="height:30px; padding-top:30px;">[/B]
 
   <div id="navcontainer">
   <ul id="navlist">
   <li><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menuitem1')">Item one</a></li>
   <li><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menuitem2')">Item two</a></li>
   <li><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menuitem3')">Item three</a></li>
 
   <li><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menuitem4')">Item four</a></li>
   <li><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'menuitem5')">Item five</a></li>
   </ul>
   </div>
 
   </div>
 
   <div id="faux">
 
   <div id="leftcolumn">
 
   This is the Left Column.<br /><br />
 
   <form id="search" name="searchbox" method="post" action="?page=search">
   <input type="text" name="searchterm" value="" />
   <input type="submit" name="submit" value="Search" />
   </form>
 
   </div>
 
   <div id="rightcolumn">
 
   <p>This is the main page.			   </p>
 
   <div class="clear"></div>
 
   </div>
 
   <div class="clear"></div>
 
   </div>

</div>

 <div id="menuitem1" class="anylinkcss">
 
   <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
   <a href="http://www.cssdrive.com">CSS Drive</a>
   <a href="http://www.javascriptkit.com">JavaScript Kit</a>
 
   <a href="http://www.codingforums.com">Coding Forums</a>
   <a href="http://www.javascriptkit.com/jsref/">Javascript Ref</a>
 
   </div>
 
   <div id="menuitem2" class="anylinkcss">
 
   <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
   <a href="http://www.cssdrive.com">CSS Drive</a>
 
   <a href="http://www.javascriptkit.com">JavaScript Kit</a>
   <a href="http://www.codingforums.com">Coding Forums</a>
   <a href="http://www.javascriptkit.com/jsref/">Javascript Ref</a>
 
   </div>
 
   <div id="menuitem3" class="anylinkcss">
 
   <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
 
   <a href="http://www.cssdrive.com">CSS Drive</a>
   <a href="http://www.javascriptkit.com">JavaScript Kit</a>
   <a href="http://www.codingforums.com">Coding Forums</a>
   <a href="http://www.javascriptkit.com/jsref/">Javascript Ref</a>
 
   </div>
 
   <div id="menuitem4" class="anylinkcss">
 
   <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
   <a href="http://www.cssdrive.com">CSS Drive</a>
   <a href="http://www.javascriptkit.com">JavaScript Kit</a>
   <a href="http://www.codingforums.com">Coding Forums</a>
   <a href="http://www.javascriptkit.com/jsref/">Javascript Ref</a>
 
   </div>
 
   <div id="menuitem5" class="anylinkcss">
 
   <a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
   <a href="http://www.cssdrive.com">CSS Drive</a>
   <a href="http://www.javascriptkit.com">JavaScript Kit</a>
   <a href="http://www.codingforums.com">Coding Forums</a>
 
   <a href="http://www.javascriptkit.com/jsref/">Javascript Ref</a>
 
   </div>

</body>[/QUOTE] changes the order of your header a bit, and added a height statement to your navigation. -That 'red line' below everything that 'disappears' on-hover? -It is the navigation list not knowing what height it wants to be.

Didn't check Fx, but now works in IE... let me know if, etc... out for the evening. ?

Also in #HTML _↴

Beginner looking for advice Format email result when submit contact form ms-excel and the div tag

Success!

Help @mmumpower spread the word by sharing this article on Twitter...

Tweet This

Coding help, please?

4 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Coding help, please?

4 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #HTML _↴