Navigation, mehrere Links aber nur ein Button

  • Hallo,
    habe ein Problem und zwar möchte ich einen Naviagtion in CSS gestallten. Die Navigation soll aus einer Grafik (.png) bestehen)
    Habe hier mal ein Beispiel:


    [attachment=0]<!-- ia0 -->menu.png<!-- ia0 -->[/attachment]


    Wie gesagt, es besteht aus einem Bild, dann wird das geslict und jeweils ein Link draufgesetzt.
    Das Problem ist aber, ich weiß nicht wie ich das mit dem hover effekt mache soll das es ja nur ein Bild ist.


    Ich hoffe ich habe mich verständlich ausgedrückt. ;)


    Gruß Gino

  • Für einen Hover-Effekt wirst du wohl oder übel noch ein weiteres Bild, z.B. mit umgedrehtem Farbverlauf erstellen müssen^^
    Oder du verwendest opacity (und für den IE filter:alpha()) um einen Effekt daraus zu bekommen..


    (Klar ist auf jedenfall, dass du die Navigation nicht <a><img /></a> sondern ganz normal <li><a></a></li> aufbaust.
    Du übergibst dann via einer Klasse, oder via dem + selector die Hintergrundgrafik^^)

  • Die 4 Buttons sind ja in einer Grafik drinne wenn ich jetzt die selber Grafik nur heller oder dunkler als Hover effekt nehme und ich geh mit dem Mauszeiger über den link Home dann wechselt ja die kompltte Grafik und nicht nur der eine Button?!


    Gruß Gino

  • Also rein THEORETISCH könntest du mit einer map arbeiten, wobei das semantisch eher inkorrekt wäre.
    Würde aber gehen, könnte auch mit dem hover-Effekt klappen wenn du es per CSS machst.


    Aber bevor du dir die Arbeit machst, würde ich die Grafik aufsplitten. Falls du das aus irgendeinem Grund NICHT kannst, könnte man das mit der map versuchen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!