meine responsive seite mit kleinen fehlern

[selma]

Hallo,
da ihr mich gebeten habt, meine webseite ins internet zu stellen.
Hier ist sie:

http://www.grafikerin-kingir.com/responsive3.html

Und das sind Fragen/Fehler:

1. Ich bekomme es nicht hin, hier statt mit javascript, mit target: mein navi ein- und auszublenden. Hat jemand eine Idee?

2. Es ist ein Fehler im Navi drin. Der div container drumherum wird nicht automatisch
laenger. Ich muss ihn immer je nach eingestellter mediascreen mit px justieren.

3. Ich haette gerne, dass die einzelnen Links im Navi bei hover und active um ca. 30 Grad
drehen. Mittlerweile drehen sie sich in chrome, verschieben sich aber auch zu sehr.
Im Safari geht es aber auch nicht mehr. Ich habe wohl zu viel probiert.

4. Das selbe gilt für unten, die Links: Home, Gruppe vorher, naechste Gruppe.
Diese funktionieren auf dem Iphone gut, auf Safari nicht, auf chrome auch, aber wegen dem
display:block reihen sie sich untereinander
 , wie zu erwarten. Ohne dieses  dreht sich aber nichts. Gibt es eine Alternative dazu.

Schaut doch einfach mal rein und probiert es selbst aus, dann versteht ihr mich vielleicht besser.

Ich hoffe, ihr könnt mir helfen?
Viel Spass damit Selma...

[Matthias Apsel]

Om nah hoo pez nyeetz, selma!

da ihr mich gebeten habt, meine webseite ins internet zu stellen.
http://www.grafikerin-kingir.com/responsive3.html

Unabhängig von responsive/nicht responsive:

Eine ID darf nicht leer sein und IDs dürfen nicht doppelt vergeben werden, außerdem schau dir die zusammenfassenden Eigenschaften an (http://wiki.selfhtml.org/wiki/Border-radius) Wenn du outline statt border-verwendest, springt das Menü nicht beim hovern.

Matthias