Ergebnis 1 bis 5 von 5

Thema: Hilfe! Untermenü mit CSS

  1. #1
    inter
    Gast

    Standard Hilfe! Untermenü mit CSS


    Ich erstelle für meinen Verein eine Homepage.
    Ich habe soweit eine Homepage geändert, die zu uns passt. Ohne Probleme funktioniert bei Internet Explorer, aber leider bei Mozilla funktioniert nicht. Wer kann mir helfen. Bitte
    Hier ist Code

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Unbenanntes Dokument</title>
    </head>
    <style type="text/css">

    #menuBar {
    background-color:transparent;
    border: 0px solid;
    border-color: #f0f0f0 #808080 #808080 #f0f0f0;
    color: #000000;
    font-size:16px;
    padding: 4px 2px 4px 2px;
    text-align: right;
    margin:'margin-right'
    width: 500px;
    height: 20px;
    }

    a.menuButton, a.menuButtonActive {
    background-color: transparent;
    border: 0px solid;
    width: 100px;
    color: #000000;
    cursor: default;
    font-family: "Arial", Tahoma, sans-serif;
    font-size: 16Px;
    font-style: normal;
    font-weight:800;
    margin: 5px;
    padding: 2px 6px 2px 6px;
    position: relative;
    left: 0px;
    top: 0px;
    text-decoration: none;
    }

    a.menuButton:hover {
    background-color:#B1D0E9;
    border-color: #f0f0f0 #808080 #808080 #f0f0f0;
    color: #000000;
    }

    a.menuButtonActive, a.menuButtonActive:hover {
    background-color:#00CCFF;
    border-color: #808080 #f0f0f0 #f0f0f0 #808080;
    color: #ffffff;
    left: 1px;
    top: 1px;
    }

    .menu {
    background-color:#CCCCCC;
    border: 0px;
    border-color: #f0f0f0 #808080 #808080 #f0f0f0;
    padding: 0px;
    position: absolute;
    margin-left: -2px;
    margin-top: -2px;
    height: 20px;
    text-align: left;
    visibility: hidden;
    }

    a.menuItem {
    background-color: transparent;
    color: #000000;
    cursor: default;
    display:table-column;
    font-family: "MS Sans Serif", Arial, Tahoma,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin:'margin-left';
    padding: 5px;
    padding-left: 12px;
    padding-right: 16px;
    text-decoration: none;
    white-space: nowrap;
    }

    a.menuItem:hover {
    background-color:#FFCC66;
    color: #ffffff;
    }

    .menuItemSep {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #808080;
    margin: 3px 4px 3px 4px;
    }

    </style>
    <script type="text/javascript">






    // Determine browser and version.

    function Browser() {

    var ua, s, i;

    this.isIE = false; // Internet Explorer
    this.isNS = false; // Netscape
    this.isNS = false; // Mozilla Firefox
    this.version = null;

    ua = navigator.userAgent;

    s = "MSIE";
    if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
    }

    s = "Netscape6/";
    if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
    }

    // Treat any other "Gecko" browser as NS 6.1.

    s = "Gecko";
    if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
    }
    }

    var browser = new Browser();

    // Global variable for tracking the currently active button.

    var activeButton = null;

    // Capture mouse clicks on the page so any active button can be
    // deactivated.

    if (browser.isIE)
    document.onmousedown = pageMousedown;
    if (browser.isNS)
    document.addEventListener("mousedown", pageMousedown, true);

    function pageMousedown(event) {

    var el;

    // If there is no active menu, exit.

    if (!activeButton)
    return;

    // Find the element that was clicked on.

    if (browser.isIE)
    el = window.event.srcElement;
    if (browser.isNS)
    el = (event.target.className ? event.target : event.target.parentNode);

    // If the active button was clicked on, exit.

    if (el == activeButton)
    return;

    // If the element clicked on was not a menu button or item, close the
    // active menu.

    if (el.className != "menuButton" && el.className != "menuItem" &&
    el.className != "menuItemSep" && el.className != "menu")
    resetButton(activeButton);
    }

    function buttonClick(button, menuName) {

    // Blur focus from the link to remove that annoying outline.

    button.blur();

    // Associate the named menu to this button if not already done.

    if (!button.menu)
    button.menu = document.getElementById(menuName);

    // Reset the currently active button, if any.

    if (activeButton && activeButton != button)
    resetButton(activeButton);

    // Toggle the button's state.

    if (button.isDepressed)
    resetButton(button);
    else
    depressButton(button);

    return false;
    }

    function buttonMouseover(button, menuName) {

    // If any other button menu is active, deactivate it and activate this one.
    // Note: if this button has no menu, leave the active menu alone.

    if (activeButton && activeButton != button) {
    resetButton(activeButton);
    if (menuName)
    buttonClick(button, menuName);
    }
    }

    function depressButton(button) {

    var w, dw, x, y;

    // Change the button's style class to make it look like it's depressed.

    button.className = "menuButtonActive";

    // For IE, set an explicit width on the first menu item. This will
    // cause link hovers to work on all the menu's items even when the
    // cursor is not over the link's text.

    if (browser.isIE && !button.menu.firstChild.style.width) {
    w = button.menu.firstChild.offsetWidth;
    button.menu.firstChild.style.width = w + "px";
    dw = button.menu.firstChild.offsetWidth - w;
    w -= dw;
    button.menu.firstChild.style.width = w + "px";
    }

    // Position the associated drop down menu under the button and
    // show it. Note that the position must be adjusted according to
    // browser, styling and positioning.

    x = getPageOffsetLeft(button);
    y = getPageOffsetTop(button) + button.offsetHeight;
    if (browser.isIE) {
    x += 2;
    y += 2;
    }
    if (browser.isNS && browser.version < 6.1)
    y--;

    // Position and show the menu.

    button.menu.style.center = x + "px";
    button.menu.style.top = y + "px";
    button.menu.style.visibility = "visible";

    // Set button state and let the world know which button is
    // active.

    button.isDepressed = true;
    activeButton = button;
    }

    function resetButton(button) {

    // Restore the button's style class.

    button.className = "menuButton";

    // Hide the button's menu.

    if (button.menu)
    button.menu.style.visibility = "hidden";

    // Set button state and clear active menu global.

    button.isDepressed = false;
    activeButton = null;
    }

    function getPageOffsetLeft(el) {

    // Return the true x coordinate of an element relative to the page.

    return el.offsetLeft + (el.offsetParent ? getPageOffsetLeft(el.offsetParent) : 0);
    }

    function getPageOffsetTop(el) {

    // Return the true y coordinate of an element relative to the page.

    return el.offsetTop + (el.offsetParent ? getPageOffsetTop(el.offsetParent) : 0);
    }

    </script>





    <head>
    <title></title>
    <meta name="author" content="esin">
    </head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

    <table >
    <tr>
    <td>

    <div id="menuBar"
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'fileMenu');"
    onmouseover="buttonMouseover(this, 'filemenu');"
    >Vorstand</a
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'editMenu');"
    onmouseover="buttonMouseover(this, 'editMenu');"
    >UNTERNEHMEN</a
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'viewMenu');"
    onmouseover="buttonMouseover(this, 'viewMenu');"
    >PRODUKTE</a
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'toolsMenu');"
    onmouseover="buttonMouseover(this, 'toolsMenu');"
    >PRESSE</a
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'optionsMenu');"
    onmouseover="buttonMouseover(this, 'optionsMenu');"
    >KONTAKT</a
    ><a class="menuButton"
    href=""
    onclick="return buttonClick(this, 'helpMenu');"
    onmouseover="buttonMouseover(this, 'helpMenu');"
    >LINKS</a
    ></div>



    <div id="fileMenu" class="menu">
    Vorstand
    File Menu Item 2
    File Menu Item 3
    </div>

    <div id="editMenu" class="menu">
    Edit Menu Item 1
    Edit Menu Item 2
    Edit Menu Item 3
    </div>

    <div id="viewMenu" class="menu">
    View Menu Item 1
    View Menu Item 2
    View Menu Item 3
    </div>

    <div id="toolsMenu" class="menu">
    Tools Menu Item 1
    Tools Menu Item 2
    Tools Menu Item 3
    </div>

    <div id="optionsMenu" class="menu">
    Options Menu Item 1
    Options Menu Item 2
    Options Menu Item 3
    </div>

    <div id="helpMenu" class="menu">
    Help Menu Item 1
    Help Menu Item 2
    Help Menu Item 3
    </div>

    </td>
    </tr>
    </table>

    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo.
    1. Verwende die Code-Tags des Forums und rücke den Quelltext ein. Ich habe keine Lust, mich durch diesen unformatierten Wust zu lesen.

    2. Ein Link zu deiner Seite wäre von Wert.

    3. Allein beim runterscrollen sieht man, dass der Code alles andere als gut ist, kein Doctype, JavascriptMenu.

    4.
    aber leider bei Mozilla funktioniert nicht
    Das ist keine Fehlerbeschreibung, mit der man etwas anfangen kann. WAS geht nicht?

    Gruß,
    Jojo

  3. #3
    Gast

    Standard

    Danke, erstmal.

    Die Homepage funktioniert bei Internet Explorer super, leider unter Mozilla nicht, er zeigt nicht die Untermenüs. Ich würde mich sehr freuen, wenn Sie mir weiter Helfen können. Bitte schauen Sie den Seitenquelltext an. Vielleicht finden Sie die Fehler.
    nfc2c.funpic.de, bitte ohne www.

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    bring mal deinen head in ordnung...

    bei dir schaut des etwa so aus
    Code:
    <head>...</head><style>...</style><script>..</script><head>..</head>
    dann schau ma weiter
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Und die Dokumentendeklaration nicht vergessen. Das ist doch das wichigste an einer Seite....

Ähnliche Themen

  1. Hilfe wie erstelle ich ein Untermenü
    Von Keath im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 07.05.2008, 22:47
  2. Plone Untermenü (linkes Menü) als Weiterleitungen
    Von dani_null_plan_plone im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 1
    Letzter Beitrag: 27.02.2008, 11:50
  3. Frontpage navigation mit Untermenü
    Von off-player im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 15.04.2006, 13:25
  4. Menü & Untermenü
    Von Steffi im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 16.06.2005, 15:44
  5. Untermenü
    Von Jürgen im Forum Script-Archiv
    Antworten: 1
    Letzter Beitrag: 16.01.2005, 18:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •