[Typo3-german] Sich überlagernde Buttons im Menu

JoH info at cybercraft.de
Thu Oct 6 15:00:27 CEST 2005


>> Es sei denn - aber das hast Du bisher nicht erwähnt - die Buttons
>> sollten Transparent sein und Du hättest die Transparenz mit einem
>> grafischen Workaround gelöst.
>>
>>> Kann man hier auch anhänge mitschicken???
>>
>> Man kann schon, man sollte nicht - aber man darf Grafiken auf einen
>> Server laden und dann einen Link mitschicken ;-)
>
> Ok, um es ein wenig plastischer zu machen ;-)
>
> http://www.outraxx.de/gesamt.gif

In diesem Fall brauchst Du zusätzlich noch einen z-index, damit die Buttons
nicht von links nach rechts, sondern von rechts nach links überlagert
werden.
Höchster z-index für Button 1, danach weitere jeweils absteigend.
Soviel zum CSS.

Jeder Button ab Button2 erhält an seiner linken Seite den Schatten vom
vorhergehenden (und _nur_ den!).
Jeder Button bis auf den letzten bekommt an seiner rechten oberen Ecke zum
Abrunden eine index-Farbe, die dann auf Transparent gesetzt wird.
Das geht alles ziemlich easy mit GIFBUILDER und optionSplit.

Einziger kleiner Wermutstropfen:
Weil Objekte in HTML immer rechteckig sind (mal abgesehen von imagemaps),
hättest Du im Bereich des rechten Schattens vom vorhergehenden Button keinen
mouseover für den darunterliegenden sondern für den Button selbst.

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your knob sometimes!)
Dieter Nuhr, German comedian
openBC: http://www.openbc.com/go/invuid/Jo_Hasenau





More information about the TYPO3-german mailing list