• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Dropdown Menü

  • Ersteller Ersteller Killer52
  • Erstellt am Erstellt am
K

Killer52

Guest
...
p1
 
Zuletzt bearbeitet von einem Moderator:
Willkommen im Forum.

Ist nicht böse gemeint, aber der Thread ist in meinen Augen wieder ein klassischer Fall für einen Arbeitsauftrag und somit eigentlich was für die Jobbörse.

Guter Indikdator dafür: Du stellst gar keine konkrete Frage.
 
danke,

@mermshaus ich habe mein post geändert vllt kannst du mir jetzt helfen :)

PS: was meinst du was so ein menü bei Jobbörse kosten würde?
 
Zuletzt bearbeitet von einem Moderator:
danke, aber kannst du mir sagen ob der code überhaupt richtig ist? weil mein menü öfftnet sich viel früher als das originale
Zum Vergrößern anklicken....

Das liegt daran, dass das Element, das das Öffnen verursacht, bei dir den gesamten horizontalen Raum einnimmt. Das ist zu beheben, indem du das Element auf float: left; setzt und ihm eine Breite (width) setzt.

PS: was meinst du was so ein menü bei Jobbörse kosten würde?
Zum Vergrößern anklicken....

Das hängt sehr von den genauen Anforderungen ab (müssen Grafiken erstellt werden (sieht so aus, als müssten die nur zurechtgeschnitten werden), muss es „Fallback“-Lösungen für Clients geben, die :hover nicht im notwendigen Maße unterstützen (etwa IE6), muss eine Schnittstelle geschaffen werden, dynamisch Einträge ins Menü zu bekommen usw.) und vom Stundensatz, den der- oder diejenige veranschlagt.

Ich denke, um zwei Stunden wirst du da mindestens rechnen müssen. Bei höheren Anforderungen eventuell noch etwas mehr.
 
mermshaus schrieb:
Das liegt daran, dass das Element, das das Öffnen verursacht, bei dir den gesamten horizontalen Raum einnimmt. Das ist zu beheben, indem du das Element auf float: left; setzt und ihm eine Breite (width) setzt.
Zum Vergrößern anklicken....
hat nur zum teil funktioniert

Code: 
.dropList {
    height:37px;
    font-family:arial, sans-serif;
    font-size:13px;
    position:relative;
    float:left;
    width:37px;
}
 
Die grundsätzliche Idee dahinter ist einfach:

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

            #demo1, #demo2 {
                background: red;
                height: 50px;
                margin-bottom: 50px;
            }
            
            .inner {
                background: green;
                height: 50px;
            }

            #demo2 .inner {
                float: left;
                width: 50px;
            }

        </style>
    </head>

    <body>

        <div id="demo1">
            <div class="inner">
                .inner
            </div>
        </div>

        <div id="demo2">
            <div class="inner">
                .inner
            </div>
        </div>

    </body>

</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben