Zum Inhalt springen

Überlagerung von Menüelementen

Erstellt am 6. Juli 2007 · 1 Antwort · letzte Antwort am 6. Juli 2007

Tags: HTML & CSS, Frage

froemken ·

Hallo zusammen,

ich programmiere gerade eine für mich etwas komplizierter Menüstruktur. So mit TMENU_LAYER und Co. Jetzt nach zwei Tagen habe ich es endlich geschafft, dass das Menü so funktioniert wie ich es will.

Klicke ich aber so 3mal hintereinander auf einen anderen Menüpunkt, überlagern sich auf einmal ein paar Hauptkategorien?!?!

http://www.dr-peltz.de/?id=1

.navi_normal {
  display: block;
  width: 144px;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 8pt;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-right: 20px;
  color: #000000;
  text-decoration: none;
}

.navi_normal:hover {
  color: #FFFFFF;
  background-color: #000000;
}

.navi_active {
  display: block;
  width: 144px;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 8pt;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-right: 20px;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
}
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/peltz/style/main.css
page.meta.AUTHOR = Dr. Peltz

page.5 = PHP_SCRIPT
page.5.file = media/scripts/tmenu_layers.php

page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/template/peltz/template.html

page.10.workOnSubpart = DOKUMENT

page.10.marks.MAENNCHEN = IMG_RESOURCE
page.10.marks.MAENNCHEN.file = fileadmin/template/peltz/bilder/maennchen.jpg

page.10.marks.TITELBILD = IMG_RESOURCE
page.10.marks.TITELBILD.file = fileadmin/template/peltz/bilder/logo.jpg

page.10.marks.NAVI = HMENU
page.10.marks.NAVI.special = directory
page.10.marks.NAVI.special.value = 1

page.10.marks.NAVI.1 = TMENU_LAYERS
page.10.marks.NAVI.1 {
  layerStyle = VISIBILITY:hidden; text-align:left; position: absolute;
  lockPosition = y
  displayActiveOnLoad = 1
  dontFollowMouse = 1
  hideMenuWhenNotOver = 150
  hideMenuTimer = 170

#  displayActiveOnLoad = 0
#  freezeMouseover = 1
#  hideMenuWhenNotOver = 1
  
  relativeToTriggerItem = 1
  topOffset = 0
  leftOffset = 165
  expAll = 1

  wrap = <table cellpadding="0" cellspacing="0" border="0" width="164">|</table>
  NO.allWrap = <tr><td class="navi_td">|</td></tr>
  NO.ATagParams = class="navi_normal"
  
  ACT < .NO
  ACT = 1
  ACT.ATagParams = class="navi_active"
}

page.10.marks.NAVI.2 = TMENU_LAYERS
page.10.marks.NAVI.2 {
  lockPosition = x
  wrap = <table cellspacing="0" cellpadding="0" border="0">|</table>
  freezeMouseover = 1
  
  NO.linkWrap = <tr><td>|</td></tr>
  NO.ATagParams = class="subnavi_normal"
  
  ACT < .NO
  ACT = 1
  ACT.ATagParams = class="subnavi_active"
}

Das <br> am Ende der Links musste ich weglassen, da ich mit display: block arbeite. Ansonsten hätte ich immer eine Leerzeile zwischen meinen Links.

Jemand eine Idee?

Stefan

froemken ·

Jetzt bin ich überfordert.

Der Fehler tritt NUR im Firefox auf. Im Internet Explorer habe ich jetzt fast 20mal hin und her geklickt. Alles sauber.

Grad auch noch mal im Quellcode geschaut...Der scheint auch sauber zu sein.

Stefan