Ergebnis 1 bis 4 von 4

Thema: CSS Menü Hilfe

  1. #1
    HTML Newbie
    Registriert seit
    06.10.2008
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Ausrufezeichen CSS Menü Hilfe

    Hallo Zusammen =)

    Ich habe ein Drop Down mit Css gebastelt
    aber leider sind die Drop Down Menüs untereinander. Ich hätte sie lieber nebeneinander stehen direkt unter ihrem Hauptpunkt =)


    Ich hoffe ihr könnt mir helfen =)

    Danke schonmal PhiL


    HTML-Code:
    <head> <script type="text/javascript">
    if(window.navigator.systemLanguage && !window.navigator.language) {
      function hoverIE() {
        var LI = document.getElementById("Navigation").firstChild;
        do {
          if (sucheUL(LI.firstChild)) {
            LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
          }
          LI = LI.nextSibling;
        }
        while(LI);
      }
      function sucheUL(UL) {
        do {
          if(UL) UL = UL.nextSibling;
          if(UL && UL.nodeName == "UL") return UL;
        }
        while(UL);
        return false;
      }
      function einblenden() {
        var UL = sucheUL(this.firstChild);
        UL.style.display = "block"; UL.style.backgroundColor = "silver";
      }
      function ausblenden() {
        sucheUL(this.firstChild).style.display = "none";
      }
      window.onload=hoverIE;
    }
    </script> <style type="text/css">
     body {
        font: Verdana sans-serif;
        color: black; background-color: white;
      }
      }
      * html div#Rahmen {  /* Korrektur fuer IE 5.x */
        width: 48.7em;
        w\idth: 47.1em;
      }
      div#Rahmen div {
         clear: left;
      }
      ul#Navigation {
        margin: 0; padding: 0;
        text-align: left;
      }
      ul#Navigation li {
        list-style: none;
        float: left;
        position: relative;
        margin: 0.0em; padding: 0;
      }
      * html ul#Navigation li
        margin-bottom: -0.0em;
      }
      *:first-child+html ul#Navigation li
        margin-bottom: -0.0em;
      }
      ul#Navigation li ul {
        margin: 0; padding: 0;
        position: absolute;
        top: 1.6em; left: -0.4em;
        display:none;  /* Unternavigation ausblenden */
      }
      * html ul#Navigation li ul
        left: -1.5em;
        lef\t: -0.4em;
      }
      *:first-child+html ul#Navigation ul
        background-color:white; padding-bottom:0.0em;
      }
      ul#Navigation li:hover ul {
        display: inline;
      }
      ul#Navigation li ul li {
        float: left;
        display: inline;
        margin-bottom: 0.0em;
      }
      ul#Navigation a, ul#Navigation span {
        display:inline;
        width: 2.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
        padding: 0.2em 1em;
        text-decoration: none; font-weight: bold;
        border: 0px solid black;
        border-left-color: white; border-top-color: white;
        color: black; background-color: white;
      }
      * html ul#Navigation a, * html ul#Navigation span {
        width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
        w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
      }
      ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: black; background-color: #AFA9A9;
      }
      li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
        color: maroon; background-color: gray;
      }
      ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
        background-color: gray;
      }
     
    </style> </head> <body> <div id="Rahmen"><ul id="Navigation"> <li><a href="#Beispiel">IK</a></li> <ul> <li></li><a href="#Beispiel">IK1</a></li> <li><a href="#Beispiel">IK2</a> </li> <li><a href="#Beispiel">IK3</a></li> </ul> <li><a href="#Beispiel">Intezzzjrnet</a> <ul> <a href="#Beispiel">asd</a><a href="#Beispiel">Sasd</a> </ul> </li> <li><a href="#Beispiel">Nzz</a></li> <li><a id="aktuell" href="#Beispiel">Softzjzjware</a> <ul> <li><a href="#Beispiel">Sazjzsd</a><a href="#Beispiel">asd</a></li> <li></li> </ul> </li> <li><a href="#Beispiel">Schulzjzjzung</a></li> </ul><div></div></div> </body> 
    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
    Samurai Avatar von pinales
    Registriert seit
    12.12.2007
    Ort
    Mittelfranken
    Beiträge
    218
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Menü Hilfe

    Tach!

    Wieso muss es denn ein Java Script-Menü sein? Für das was Du möchtest genügt CSS. Dafür gibt´s wiederum jede Menge Vorlagen, die Du nur noch auf Deine Seite anpassen musst. Diesen unnötigen JS-Haufen würde ich nicht weiter verfolgen...
    Viele Grüße!
    PINALES

    Rechtschreibung für alle!

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.10.2008
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Menü Hilfe

    Ja das ist für den Internet explorer =)

    Ja habe das jetzt das es klappt =)
    Aber ich hätte gerne die auflistung unten zentriert darunter =)
    Wie bekomme ich das denn hin?!

  4. #4
    Teeny
    Registriert seit
    10.10.2008
    Beiträge
    32
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Menü Hilfe

    Du darfst keinen Zeilenumbruch setzen. Setze nach jedem Punkt </div> und <div> immer vor jeden Punkt neu.
    Geändert von HTML-GURU (10.10.2008 um 18:06 Uhr)

Ähnliche Themen

  1. Hilfe für Produkt-Menü
    Von gino-ginelli im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 09.04.2008, 16:52
  2. CSS-Menü HILFE !!!!!
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 09.04.2008, 13:05
  3. Hilfe bei Menü hintergrund
    Von forummx im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 02.08.2007, 00:32
  4. Hilfe für Menü
    Von forummx im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.08.2007, 22:08
  5. Brauche euere Hilfe ... Menü
    Von Jens1 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.02.2007, 21:13

Stichworte

Berechtigungen

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