dropdown menue und css

  • Hallo habe gerade mein Theme geändert (neu Rockin green) und das dropdown Menü (per plugin und dann im css Code) an die Stelle des Originalmenüs "verschoben".

    Leider bekomme ich die Kasten beim Hovereffekt einfach nicht kleiner.

    dropdown_style.css

    Code
    #dropdownmenu li {
        display: inline;
        float: left;
        position: relative;
        text-align: left;
        padding: 7px 20px 17px 25px;
        margin: 0px 0px 0px 0px;
    }

    Außerdem würde mich interessieren warum mein Header nur im Firefox dargestellt wird.....

    hewi

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo habe gerade mein Theme geändert (neu Rockin green) und das dropdown Menü (per plugin und dann im css Code) an die Stelle des Originalmenüs "verschoben".

    Leider bekomme ich die Kasten beim Hovereffekt einfach nicht kleiner.

    dropdown_style.css

    Code
    #dropdownmenu li {
        display: inline;
        float: left;
        position: relative;
        text-align: left;
        padding: 7px 20px 17px 25px;
        margin: 0px 0px 0px 0px;
    }

    Außerdem würde mich interessieren warum mein Header nur im Firefox dargestellt wird.....

    bitte url
    meine Glaskugel ist auf Urlaub , weils bei mir daheim regnet

    :-?

  • vermutlich liegts einfach am html

    diese widgets haben zu 90% falsches html (grumbelst)

    und das ü geht so

    & uuml ;

    natürlich ohne Abstände und bei Deinem fehlt nur der Strichpunkt

    lg

  • Wird aber alles von Wordpress generiert.

    Ich weiss, das es am css (s.oben liegt), den bei einem anderen Layout habe ich es hinbekommen. Hier passiert jedoch nichts wenn ich bei

    padding: 7px 20px 17px 25px;

    die erste Angabe verändere....


    Keiner eine Idee????

    hewi

    Einmal editiert, zuletzt von hewi (13. Juni 2007 um 18:44)

  • Was meinst du denn mit "Höhe" ?
    Wenn ich an der beschriebenen Stelle ( padding: ... ) irgendwas verändere passiert aber 'ne ganze Menge.

    Dir ist klar das die Werte folgendes bedeuten ? :

    [FONT="Courier New"]padding: oben recht unten links;[/FONT]

    Nurso:
    Sorgen würde mir eher der nichtgewollte Umbruch des Menüs machen, wenn der Browser mal zusammengeschoben wird bzw. Leute mit Minimalauflösung daherkommen.

    "Whoever controls the media, controls the mind." J.Morrison

  • Ja, ich habe das bei selfhtml gelesen, aber somit verschiebe ich ja nur in alle Richtungen. Mir geht es um die Gesamtgröße der Box...

    Was meinst du mit "nichtgewollte Umbruch des Menüs", bzw. was würdest du da ändern.

    Für Verbesserungen ist ja jeder Mensch schließlich dankbar:mrgreen:


    P.S.: Offtopic -> habe deinen Link zur Vorratsdatenspeicherung entdeckt und werde mich da mal beteiligen........

    hewi

    Einmal editiert, zuletzt von hewi (18. Juni 2007 um 17:25)

  • Ok, als erstes entfernst du mal die völlig sinnfreie Tabelle, die dein Menü einschliesst. Es sei denn die hat irgendeinen Sinn der sich mir aber noch nicht ganz erschlossen hat.

    Als zweites, entfernst du die absolut-Positionierung.

    Damit das ganze funktioniert und irgendeinen Sinn ergibt, sollte der [FONT="Courier New"]#dropdownmenu[/FONT]-Container nicht innerhalb des [FONT="Courier New"]#menu[/FONT]-Containers stehen ?

    Das hiesse aber, dass der [FONT="Courier New"]#menu[/FONT]-Container keinen Zweck mehr erfüllt und eigentlich ins Nirvana befördert werden könnte.

    Code
    #dropdownmenu ul {
    	width: 920px; /* damit es nicht umbricht*/
    	list-style-type: none;
    	padding: 0px;
    	margin: 0px 0px 2px 0px;
    	z-index: 500;
    [COLOR="Red"]	position: absolute; /* entfernen */
    	bottom: 0; /* entfernen */
    	left: 0px; /* entfernen */[/COLOR]
    }

    Da wird sich erst mal eine Menge tun ...
    Erstmal ...

    "Whoever controls the media, controls the mind." J.Morrison

  • Vielen Dank erstmal telekommander !!!

    Dank deiner Einwürfe habe ich jetzt meine Einstellungen kapiert.
    Die Probleme, die ich hatte kamen von der Hintergrundgrafik - diese habe ich nach oben hin verkleinert und konnte das ganze nun anpassen.

    Ich musste nämlich neben der Grafik sowohl die styles.css als auch die dropdownstyle.css anpassen.
    Jetz sieht es so aus, wie ich wollte.

    LINK

    Fettes Danke trotzdem

    hewi

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!