html und Mousemove

[Proggiii]

Hallo,
ich hab es hier richtig reingeschrieben. Und ich weis dies wurde bestimmt schon 100 mal durchgenommen aber ich bekomms nicht hin.
Es geht darum eine Navigatiosnleiste die aus Bildern besteht zu machen. Beim drübertfahren mit der Maus sollten sich die einzelnen Bilder verändern.

a { background-image: url(Vordergrund.jpg); ]
a:hover { background-image: url(Hintergrund.jpg); ]

Diesen code habe ich an der stelle wo:

<imgsrc="Vordergrund.jpg"
 alt="" style="height: 24px; width: 190px;"><br>

ist statt des eingefügt allerdings geht das nicht? Was muss ich dort noch deklarieren?!? Bitte entschuldigt mich aber ich bin noch ein ganzer Neuling.

 

[_Thor_]

Du hast das hover für Verweise definiert, in deinem Code steht aber nur ein <img>, darauf reagiert das CSS so nicht, ausserdem fehlt bei dem image ein Lehrzeichen vor dem src.

<img src="" ... />

Wenn du dir jetzt einen Link erstellst, wird auch das CSS funktionieren.

<a href="">Test</a>

 

[Proggiii]

Für was einen Verlinksungstext? Bei mir sind das Bilder also die Verlinkungen sind bilder.

also lauter der ganze code:

<a href="http://www.------.de"</a>a { background-image: url(Vordergrund.jpg);]
a:hover { background-image: url(Hintergrund.jpg); ]/a>

oder hab ich das wieder falsch verstaden also mir geht es nur um das verändern der bilder beim mouse move.

 

[daschifahrer]

das hast du wieder falsch verstanden ^^
du machst erst oben im <header> folgenden text:

<style type="text/css">
<!--
a { background-image: url(Vordergrund.jpg); ]
a:hover { background-image: url(Hintergrund.jpg); ]

-->
</style>

somit hast du verweise (<a href) so definiert das es immer mit deinem vordergrund bild und hintergrund bild ist) die <-- --> die ja normalerweise nur für kommentare verwendet werden sind dazu da fals es einen fehler gibt das der css code einfach überlesen wird

als nächstes machst du deinen link da wo du ihn haben willst in folgender form:

<a href="link.html">link text </a>

ich hoffe du hast es halbwegs verstanden für alles andere lies dir am besten mal
SELFHTML: Stylesheets / CSS-Formate definieren / Stylesheets in HTML einbinden

an und such dir weiter tutorials für CSS

mfg michi

 

[_Thor_]

Du möchtest doch ein Menü erstellen, oder?

Ein Menü besteht aus einer Liste von Links, die zu anderen Seiten verweisen, das sieht dann erstmal so aus:

<ul id="navigation">
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
</ul>

Wenn du dort jetzt Hintergrundbilder in den Links haben möchtest, gibst du die per CSS an.

a { background-image: url(Vordergrund.jpg);

Wenn sich das Hintergrundbild beim Überfahren mit der Maus ändern soll, benötigst du die Pseudoklasse :hover

a:hover { background-image: url(Vordergrund2.jpg);

 

[Proggiii]

woooo danke ich habs kapiert und es funktioniert :)

 

[Proggiii]

ok hab n Problem. Es hat funktioniert es ist allerdings so: Ich habe ein dunkles und ein helles Bild; das Problem ist:
Verwende ich das dunkle Bild im Vordergrund wird es mir angezeigt allerdings wechselt es nicht auf das helle. Nehme ich das helle im Vordergrund wir mir nur der Text angzeigt.

 

[Efchen]

Wie ist die Frage? Wo ist der Effekt zu sehen? Wie sehen Deine bisherigen Versuche aus?

 

[Proggiii]

Also die Frage lautet: Ich möchte einen Mousemove auf einer Internetseite erstellen. Ein Button/Bild soll die Farbe von einem hellen grün auf ein dunkles grün ändern, sobald man mit der Mouse darüber fährt. Der Button/Bild hat ein Text, welcher sich nicht verändern soll. Also im Prinzip eine super simple Funktion, nur für mich eben nicht! Das einzige was sich nun bei mir tut ist folgendes:
wähle ich das helle Bild zuerst ist gar nichts zu sehen; Wähle ich das dunkle, ist der Text zwar unterlegt, ansonsten passiert dort gar nichts mehr (kein Effekt, rein gar nicht eben!!)
Ich bin genau so vorgegangen wie es daschifahrer gesagt hat.

 

[Efchen]

Was Du erreichen möchtest, hast Du schon am Anfang des Threads dargelegt.
Meine Frage ging eigentlich eher in die Richtung, dass ich Dein dunkles und Dein elles Bild nicht kenne, dass ich Deinen Code nicht kenne, dass ich nicht weiß, was Du eigentlich machst, was Du falsch machst, ich sehe eigentlich nur, dass Du sagst "Bei mir geht was nicht, so wie ich das will, könnt Ihr mir sagen, was ich falsch mache?"

Darauf kann doch niemand antworten. Meine andere Frage hieß soviel wie: Gib uns bitte einen Link zur Seite, wo man das Problem ansehen, verstehen und analysieren kann.

Glaskugeln funktionieren im Moment wegen der verstärkten Sonnenaktivität nicht richtig.