Höhe meines Dropdown-Menü´s ändern

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Höhe meines Dropdown-Menü´s ändern

    Hallo zusammen,

    nachdem sich mein letzter Post schnell erledigt hat, habe ich hier nun schon die nächste Frage.

    Mein (nicht selbst programmiertes - schlagt mich deshalb nicht- ) Dropdown-Menü hat einen bestimmten Abstand oben im Div-Container, den ich gerne verringern möchte, aber egal welchen Eintrag ich ändere, es tut sich nichts.

    Der DIV-Container selbst hat keine Angaben wie Margin, Padding, height odgl.

    Kann mir jemand sagen, welcher Eintrag geändert bzw. ob ein weiterer Eintrag hinzugefügt werden muss, um den Abstand oben zu verringern.

    Hier der Auszug aus der CSS-Datei:
    Code:
    /* Dropdown-Steuerung Hauptmenue */  
    
    ul.dropdown {     
    list-style: none;     
    width:100%;     
    z-index:99;     
    margin:0;     
    padding:0; 	
    text-decoration:none; 	
    }
      
    ul.dropdown * ul {     
    list-style: none; 	
    display:none; 	
    position:absolute; 	
    z-index:99; 	
    width:20em;     
    margin:0;     
    padding: 0; 	
    text-decoration:none; 	
    }
      
    ul.dropdown li {     
    float:left; 
    text-decoration:none; 	
    }  
    
    ul.dropdown li * li {     
    border:1px solid #FFF;     
    float:none;     
    position: relative; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown ul * ul {     
    left:98%;     
    top:0; 	
    text-decoration:none;  	
    }  
    
    ul.dropdown a {     
    display:block; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown ul * a {     
    height:100%; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul {     
    display:none; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul {     
    display:block; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown a {     
    font-family: Verdana; 	
    font-size: 12px;     
    color:#ecebe6; 	
    padding:4px;     
    text-decoration:none; 	
    width: 120px; 	
    text-align: center; 	
    }  
    
    ul.dropdown a:hover { 	
    background-color:#3e4a58; 	
    color:#fff; 	
    width: 120px; 	
    text-decoration:none; 	
    }  
    
    
    ul.dropdown ul {     
    border:1px; 	
    width: 130px; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown ul a {     
    background-color:#c1cdd5;     
    color:#000;     
    padding:4px;     
    text-decoration:none; 	
    font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 10px; 	
    }  
    
    ul.dropdown ul a:hover { 	
    background-color:#fff;     
    color:#840305; 	
    font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 10px; 	
    text-decoration:none; 	
    }  
    
    ul.dropdown ul li {     
    background-color:#ccc; 	
    border-color: #666666; 	
    border-bottom-width: 1px; 	
    font-family: Verdana, Arial, Helvetica, sans-serif; 	
    font-size: 10px; 	
    text-decoration:none; 	
    }
    Vielen Dank für eure Mühe!

    Gruß
    Tattooz

  • #2
    haste nen online Beispiel?

    ansonsten ins blaue geschossen:
    Der DIV-Container selbst hat keine Angaben wie Margin, Padding, height odgl.
    dann gib ihm doch mal Margin '& Padding mal 0px
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

    Kommentar


    • #3
      Vielen Dank für die schnelle Antwort. Habs versucht, bringt aber leider nichts.

      Muss mich noch berichtigen. Der DIV-Container hat eine Höhenangabe. Der grau-transparente Bereich ist der DIV-Container, dem ich auch schon versucht habe eine geringere Höhe zu geben. Er übernimmt das auch, allerdings bleibt das Menü trotzdem an seiner Position.

      Hab leider nur nen Screener... *sorry*
      Angehängte Dateien

      Kommentar


      • #4
        erstens sehe ich keine css-definition für deinen div
        zweitens html-code wäre wünschenswert
        und drittens sehe ich im screen kein problem, der transparente graue bereich hängt direkt unter dem wappen, soll der sich dadrüber schieben? sieht doch dann scheiße aus...
        Die Milch bleibt ranzig!

        Kommentar


        • #5
          Dachte mir, bevor ich euch zu Mülle mit ewig Quellcode reicht es evtl. so aus.

          Ne nicht der graue Bereich soll höher wandern, der soll bleiben wo er ist nur schmäler werden. Das Menü (also die Menüpunkte sollen weiter nach oben rutschen).

          Habe grade nochmals gespielt aus lauter Verzweiflung, habe dann im DIV den Tag position:absolute auf position:relative geändert, was im FF keine Auswirkung hatte, aber im IE 7 auf einmal das Menü richtig anzeigt.

          Versteh ich nicht...

          Vielen Dank an alle!

          Thread geschlossen!

          Kommentar


          • #6
            Vielen Dank an alle.

            Hab mit position:relative, margin und padding so lange probiert bis es gepasst hat.

            Thread geschlossen

            Kommentar

            Lädt...
            X