Yo dann wirds wohl etwas schwierig

Mal als Lernanstupf, du brauchst folgende «Funktionen» von mootools:

getSize() oder getScrollSize()
setStyle() oder setStyles()
tween() oder morph() (fx.tween, fx.morph)

Hast du sonst irgendwelche «Erfahrung» was programmieren angeht? Weisst du was eine Variabel ist?

Schon mal bei Zalando, Amazon oder eBay geguckt? Vielleicht wirst du dort fündig.

programmieren kann ich 0. nur son bissel markup und auch das eher schleppend. dachte ganz naiv, dass ich vielleicht eins der jquery sliding panel dinger so umpopeln kann, dasses tut was ich will.

Ja aber auch da musst du ja wissen, WAS du ändern musst. Zumindest jQuery und JS lesen müsstest du dazu können.

daran arbeite ich

hello, schon wieder was. kann eigentlich nicht so schwierig sein.

habe das: http://dabblet.com/gist/2905026

möchte das:



(in der Mitte wird :hover gezeigt)

Wie bekommt man denn den Text vertikal zentriert in die box rein?

Hab's mit padding-top gemacht.

1. header {
2. background: #FF0000;
3. height: 45px;
4. position: fixed;
5. width: 100%;
6. }
7.  
8. header nav ul.blubb {
9. margin:0; /* navi sitzt richtig im header */
10. padding: 0;
11. text-align: center;
12. list-style: none;
13. }
14.  
15. header nav ul.blubb li {
16. padding: 0px;
17. float: left;
18. }
19.  
20. header nav ul.blubb li a {
21. display: block;
22. width: 90px;
23. height: 33px; /* reduziert um den Wert von padding-top */
24. background: #333;
25. color: #FFF;
26. padding-top:12px; /* dem Link einen Abstand zum oberen Rand geben - spielen, bis es passt.
27. Dann aber auch noch den Wert von der Link-Höhe abziehen. */
28. }
29.  
30. header nav ul.blubb li a:hover {
31. color: #FF0000;
32. background: #000;
33. }

Quelltext in Zwischenablage kopieren

Siehe Kommentare im css - wo kommentiert, hab ich was geändert.

vielen dank abalone!

ha! mit

1. height: 33px; /* reduziert um den Wert von padding-top */

Quelltext in Zwischenablage kopieren

hab ichs auch gemacht anfangs, aber dann dachte ich, dass es doch nicht so schlau wäre das ich da was rechnen muss. das hauptproblem am CSS lernen ist tatsächlich, dass man denkt ALLES falsch zu machen und dass man ausgelacht wird, wenn mans so macht.

könnte man auch mit line-height lösen. also auf die höhe vom header setzen:

1. header nav ul.blubb li {
2. padding: 0px;
3. float: left;
4. line-height: 45px;
5. }

Quelltext in Zwischenablage kopieren