Gunnar Bittersmann: Navigation mit Parallelogrammen

Beitrag lesen

@@Deus Figendi:

nuqneH

Das beste was mir dazu einfällt ist zurückbiegen also <li> nach rechts und <a> (im li-Element) nach links

Nö, ich glaube, das sollte man nicht tun. Zum einen hat der Browser da unnötigerweise einiges zu rechnen. Zum anderen wird die zweimalige Transformation der Schrift durch Rundungsfehler womöglich nicht dasselbe ergeben wie das Original; das Schriftbild würde darunter leiden.

Oder (zugegeben ist das uncool): Man positioniert die li-Elemente relative und packt dort jeweils zwei Geschwisterelemente rein, einmal das was mal ein Parallelogramm werden soll (div oder img oder was weiß ich) und das a-Element.

Ich weiß: Es muss kein zusätzliches Element im Markup sein; wo es doch ein per CSS generierteds Pseudoelement tut. (Was allerdings nicht das Problem der parallelogrammförmigen Clickfläche löst.)

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)