bluesky: Diagonale Links untereinander (ohne FLASH)

Hallo zusammen,

ich weiß echt nicht weiter - und vor allem, ich weiß noch nicht mal,
wonach ich suchen soll.... - daher ein neuer Thread:

Ich habe folgenden Designwunsch:

ich möchte beim Navigationsmenü die Links nicht einfach
untereinander schreiben, sondern die sollen alle um 30°
gegen den Uhrzeigersinn gedreht werdern.

Soweit ich weiß, gibt es bisher noch keine HTML oder CSS-Technik,
die das Rotieren von Text erlaubt. (Javascript weiß ich gerade nicht)

Ich habe daher versucht, die Menüpunkte als einzelene Gif-Dateien mit
Transparenzen zu erstellen und die dann übereinander zu stapeln.
(Mit CSS und z-index)
(Alle Gif-Dateien hatten 200x200 Pixel - nur der Text war jedes mal
ein wenig anders positioniert.)

Soweit so gut - jede Grafik hat nun einen Link hinterlegt bekommen
und die Optik stimmt - nur das Problem: wenn ich mit der Maus drüber
fahre - funktioniert immer nur der oberste Layer (höchster z-index).

Ich hatte gehofft, dass man durch Transparenzen "durchklicken" kann.
Also quasi auf eine Link-Grafik in einer tieferen Ebene.
War wohl ein typischer Fall von "Falsch gedacht"...

Ich möchte ausdrücklich dabei auf FLASH verzichten - da wäre sowas
ja ein Leichtes....

Hat jemand vielleicht eine andere Idee?

Vielen Dank,
Bluesky

  1. Hi Bluesky

    nimm eine imagemap. Das sollte dein Problem lösen.

    Gruß
    Ole
    (8-)>

    --
    Das Wort Vegetarier kommt aus dem Indianischen und bedeutet: Zu dumm zum Jagen.
  2. Hallo bluesky,

    [x] Du suchst eine Image Map.
    [x] Du möchtest sinnvolle alt-Attribute für die Links vergeben.

    Grüße

    Marc Reichelt || http://www.marcreichelt.de/

    --
    panic("Oh boy, that early out of memory?");
            linux-2.2.16/arch/mips/mm/init.c
    Selfcode: ie:{ fl:| br:> va:} ls:< fo:} rl:( n4:( ss:) de:> js:| ch:? sh:| mo:) zu:)
  3. Hi bluesky!

    ich möchte beim Navigationsmenü die Links nicht einfach
    untereinander schreiben, sondern die sollen alle um 30°
    gegen den Uhrzeigersinn gedreht werdern.

    Soweit ich weiß, gibt es bisher noch keine HTML oder CSS-Technik,
    die das Rotieren von Text erlaubt. (Javascript weiß ich gerade nicht)

    Richtig, deswegen bekommst du die Sache mit sauberem Markup gar nicht oder nur schlecht hin.

    Hat jemand vielleicht eine andere Idee?

    Mit verweis-sensitive Grafiken könntest du dein Vorhaben umsetzen, da du dort beliebige Polygone als anklickbare Links in einer Grafik definieren kannst.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)