.

[patrik]

-

[Guillermo]

Hallo,

ich hatte gestern genau das gleiche Problem, dass ich wollte, dass wenn man über einen Link fährt ein Bild erscheint, ich würde das so machen wie du bereits gesagt hast, 5 Bilder mit den verschiedenen Farben machen, leider weiß ich nicht wie man das mit CSS lösen kann, dafür aber umso mehr wie man es mit Javascript machen kann, da du aber ja gesagt hast dass du Javascript nicht willst, will ich dich erst fragen , ob ich dir den Code (den ich geschrieben habe) geben soll, oder ob du lieber darauf verzichtest,

Grüße Guillermo

[patrik]

-

[Ingo]

Hi. Interessante Idee - ich hab den 5-Bilder-Ansatz mal wie folgt umgesetzt, wobei hier
die Bilder alle gleich groß sind und 'bild0.gif' ... 'bild4.gif' heißen:

Code: Alles auswählen

CSS:

    #navi { position:relative;                 /* Bezug für #navi a img */
            width:200px;                       /* anpassen */
            border:1px dashed red;           
          }

    #navipic  { display:block; }

    #navi a:hover { background:#cccccc; }      /* für IE, sonst klappt das nicht */

    #navi a img { position:absolute;         
                  top:0; left:0;
                  visibility:hidden;
                }
    #navi a:hover img { visibility:visible; }

HTML:

<div id="navi">
  <img src="bild0.gif" alt="" id="navipic"/>
  <a href="#"><img src="bild1.gif" alt="" />Link 1</a>
  <a href="#"><img src="bild2.gif" alt="" />Link 2</a>
  <a href="#"><img src="bild3.gif" alt="" />Link 3</a>
  <a href="#"><img src="bild4.gif" alt="" />Link 4</a>
</div>


Das klappt bei mir im IE (hier 6), Opera, FF2, Netscape. Ungefähr so?

Knobel-Grüße, ip

[patrik]

-

[fluuu]

Hallo,
solche Sachen sind interessant aber warum unbedingt in CSS und nicht in JavaScript.
Löse so eine Aufgabenstellung mit Dreamweaver und dem Bedienfeld Verhalten, da lassen
sich alle Varianten einem Link bzw. einer Grafik mit unterschiedlichen Verhaltensweisen
hinzufügen. Eben auch, wie sich durch Mouseover eines Links an anderer Stelle eine
Grafik öffnen lässt. Da ich gestehen muss nie eine echte Programmiersprache gelernt zu
haben, bin reiner Gestalter, ist die Arbeit mit Dreamweaver eine legitime Lösung für
eine Webdesigner wie ich finde. Ein Designer ist nicht unbedingt gleichzeitig der
Programmierer aber es verwischt sicherlich auch.

gruß fluuu

[patrik]

+

[fluuu]

...es gibt für alles immer zwei Seiten.

gruß fluuu