[css] dropdown menu probleem - Softwareontwikkeling

vrijdag 26 december 2003 14:45

Acties:

Topicstarter

Hoi allemaal,

Ik ben de afgelopen weken bezig geweest met dropdownmenu's in css (en js voor IE). Het werkt nu redelijk naar mijn zin in mozilla (dus het stukje css klopt nu volgens mij). De code's voor het menu komen van creative8500
maar in IE werken de eerste menu's wel, maar de submenu's daarvan komen niet tevoorschijn (onder "services"->"server info" moet ook nog een menu tevoorschijn komen).
Ik zou niet meer weten wat ik fout doe.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>.: K e l d e r :.</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="topmenu">
<h2>Menu</h2>
<ul class="firstUL">
  <li id="menuHome"><a href="" class="firstUL"><span>Home</span></a><ul class="secondUL">
    <li><a href="login.php?page=">Login</a></li></ul></li>

  <li id="menuOpleiding"><a href="index.php?page=opleiding" class="firstUL"><span>Opleiding</span></a><ul class="secondUL">
    <li><a href="index.php?page=studiepnt">Studiepunten</a></li><li><a href="index.php?page=proj5">Project 5</a></li></ul></li>
  <li id="menuAbout"><a href="index.php?page=aboutus" class="firstUL"><span>About Us</span></a><ul class="secondUL">
    <li><a href="index.php?page=aboutus">About Us</a></li><li><a href="index.php?page=euro">Euro's</a></li></ul></li>
  <li id="menuServices"><a href="index.php?page=services" class="firstUL"><span>Services</span></a><ul class="secondUL">

    <li><a href="index.php?page=services">Services</a></li><li><a href="index.php?page=webmail">Webmail</a></li><li><a href="index.php?page=info" class="secondUL">Server Info</a><ul class="thirdUL">
      <li id="menuInfo"><a href="index.php?page=eth0">eth0 - Router</a></ul></li>
    <li><a href="index.php?page=bookmarks">Bookmarks</a></li><li><a href="index.php?page=jukebox">Jukebox</a></li><li><a href="index.php?page=mailman">Mailman</a></li></ul></li>
  <li id="menuLinks"><a href="index.php?page=links" class="firstUL"><span>Links</span></a></li>
</ul>

</div>

site
css

edit:
sorry voor de layout

[ Voor 255% gewijzigd door Bonno op 26-12-2003 14:54 ]

vrijdag 26 december 2003 16:06

Acties:

crisp

Devver

Pixelated

hmmz, ik zie zo snel door de vele CSS-hacks het bos even niet. Heb je dit zelf in elkaar gezet, of ergens vandaan gehaald en er een beetje in lopen aanpassen?
Helaas heb ik nu geen tijd om er even snel een simpele opzet van te maken, ik zie wel dat de behaviour in je #topmenu ul.secondUL li totaal niets lijkt te doen terwijl die juist de onderliggende ul zichtbaar zou moeten maken...

edit: als ik #topmenu ul.thirdUL in de css al display:block meegeef zie ik 'm ook niet in IE - ik denk dat je daar eerst eens naar moet kijken...

edit2: het heeft denk te maken met de width en overflow:hidden op #topmenu ul.secondUL

edit3: eureka:
overflow in #topmenu ul.secondUL op visible zetten en de filter:alpha(opacity=80) verwijderen werkt.
Waarom hij 'm met tranparantie niet laat zien is mij een raadsel, maar zal wel weer een bug zijn....

[ Voor 41% gewijzigd door crisp op 26-12-2003 16:29 ]

Intentionally left blank

zaterdag 27 december 2003 13:16

Acties:

Bonno

Topicstarter

joepie!!

crisp, hartstikke bedankt,
ik had die stukken van dat menu idd van creative8500 die dit had geschreven voor zijn remake van de frontpage, hiermee ben ik aan de slag gegaan om zelf ook css voor de totale opmaak van mijn site te gebruiken. Maar wat jij al zei door de verschillende hacks zie je de functies niet goed meer.

zaterdag 27 december 2003 13:24

Acties:

crisp

Devver

Pixelated

Ik heb het ook niet zo op al die hacks; je code wordt rommelig, onoverzichtelijk en moeilijk onderhoudbaar (iets wat je juist wilde voorkomen), en wie zegt dat het na een update of nieuwe versie van IE nog steeds werkt?
Dan liever gewoon een aparte stylesheet voor IE.

[ Voor 11% gewijzigd door crisp op 27-12-2003 13:25 ]

Intentionally left blank