strange css menu is borked in netscape

Dev Shed Forums Sponsor:

April 8th, 2004, 10:44 AM

Sotonin

Contributing User

Join Date: Mar 2003

Posts: 448

Time spent in forums: 12 h 25 m 25 sec
Reputation Power: 6

strange css menu is borked in netscape

This side menu works great in MSIE, but in netscape and mozilla the top half of the menu is unfunctional (screenshots and above), it's very strange.

here is the css for the menu

Code:

#leftcolumn ul {
	list-style: none;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	border: none;
}

#leftcolumn li {
	margin: 0;
}

#leftcolumn li a {
	display: block;
	height: 12px;
	text-align: left;
	text-decoration: none;
	color: #000;
}

html>body #leftcolumn li a {
	width: auto;
}

#leftcolumn li a:hover {
	color: #A03215;
}

#leftcolumn ul.subnav {
	list-style: none;
	margin: 0;
	padding-top: 0px;
	padding-left: 10px;
	border: none;
}

#leftcolumn ul.subnav li {
	margin: 0;
}

#leftcolumn ul.subnav li a {
	display: block;
	text-align: left;
	height: 12px;
	text-decoration: none;
	padding-left: 3px;
	margin-bottom: 1px;
	border-left: 7px solid #B2B2B2;
	color: #B2B2B2;
}

html>body #leftcolumn ul.subnav li a {
	width: auto;
}

#leftcolumn ul.subnav li a:hover {
	color: #000;
	border-left: 7px solid #A03215;
}

here is the code for displaying it.

PHP Code:


		
			
<ul>

<li><a href="">Register!</a></li>

<li><a href="">News</a></li>

<li><a href="">About us</a></li>

<li><a href="">Forums</a></li>

<ul class="subnav">

<li><a href="">General</a></li>

<li><a href="">Quests</a></li>

<li><a href="">Technical</a></li>

<li><a href="">Off-topic</a></li>

</ul>

<li><a href="">Screenshots</a></li>

<ul class="subnav">

<li><a href="">Official</a></li>

<li><a href="">Beta Images</a></li>

<li><a href="">Concept Art</a></li>

</ul>

<li><a href="">Beta Journals</a></li>

<li><a href="">Information</a></li>

<ul class="subnav">

<li><a href="">Guides</a></li>

<li><a href="">Races</a></li>

<li><a href="">Classes</a></li>

</ul>

<li><a href="">Downloads</a></li>

<li><a href="">Contact</a></li>

</ul>

thanks!

__________________
-Sotonin

April 8th, 2004, 03:37 PM

Sotonin

Contributing User

Join Date: Mar 2003

Posts: 448

Time spent in forums: 12 h 25 m 25 sec
Reputation Power: 6

i can't figure out for the life of me what is wrong, the syntax appears correct im not missing any <a hrefs> or anything. Is there anybody that can shed some light on this?

April 8th, 2004, 04:20 PM

kk5st

Thanks Johnny Hart (BC) R.I.P.

Join Date: May 2003

Location: Dallas

Posts: 4,589

Time spent in forums: 1 Month 2 Days 17 h 58 m 24 sec
Reputation Power: 662

If these are supposed to be nested sublists, which they appear to be, your syntax is wrong.

Code:

<ul>
  <li></li>
  <li>
    <ul>
      <li></li>
      <li></li>
    </ul>
  </li>
</ul>

The sub-ul is syntactically the content of a li. I don't know why you got the results you got, but that's the only thing I saw.

cheers,

gary

__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

My html and css workshop, demos and tutorials.
Ask a better question, get a better answer.

Last edited by kk5st : April 8th, 2004 at 04:38 PM. Reason: Got to find a keyboard that can spell

Viewing: Dev Shed Forums > Web Design > CSS Help > strange css menu is borked in netscape

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump