✔ mit hover Bilder wechseln, aber nicht einfach hintergrundbild?

[Maik]

@ hpvw: klasse Demo, die relative Einheit em der absoluten px vorzuziehen.

 

[hpvw]

@ hpvw: klasse Demo, die relative Einheit em der absoluten px vorzuziehen.

Schmück mich mal nicht mit falschen Federn, Gumbo hat damit angefangen.
Ich benutze zwar auch lieber em, aber wenn ich auf die schnelle Beipiele mache, nehme ich normalerweise der Einfachheit halber auch px (siehe mein erster Code).

 

[Maik]

ooh ...

sorry @ Gumbo

 

[masterschenk]

Die Grafik ist nicht einmal nötig. Besser wäre sogar, es durch einen alternativen Text zu erstzen:

.klasse span {
	display:			none;
}
.klasse:link, .klasse:visited {
	display:			block;
	width:				20%;
	height:				20%;
	background:			url(Bild1);
}
.klasse:hover, .klasse:active, .klasse:focus {
	background-image:		url(Bild2);
}

<a href="" class="klasse"><span>Alternativtext</span></a>

Großartig!
Genau soetwas hilft mir auch bei meinem Problem weiter.
Wollte nur kurz danke sagen!

masterschenk

 

[neverknown]

Guten Tag Guten Tag

Man selbst hofft es stört nicht diesen etwas älteren Thread wieder aufzuwecken.
Jedoch beschreibt dieser mein Problem ziemlich genau. Nunja aber nicht ganz.
Situation ist folgende:
Ich programmiere für ein Webbrowserspiel eine Map die aus quadratischen Tiles(64x64) besteht.
In einer Schleife zeige ich Tile für Tile an und überprüfe ob dieses begehbar ist.
Begehbar ist es dann wenn es nördlich, östlich, südlich oder westlich des momentanen Aufenthalts des Spielers liegt.
der Code für den Link sieht logischerweise so aus:

echo "<a href='map.php?action=gehe&nachx=$x&nachy=$y'>
<img src='$felder[$x][$y].gif' height='$tile_size' width='$tile_size' border='0'>
</a>

Nun möchte ich gerne ein Hoverimage, aber den Link erhalten.
Die berechnung der Position wohin das Hoverimage gezeichnet werden soll kann ich mir ja irgendwie in der Schleife ausrechnen. Da müsst ich nur ein bisschen nachdenken.
praktisch wärs wenn ich das nicht tun müsste

Kann mir da jemand helfen? Ich bin nämlich nciht so bewandert in CSS.
Nicht wenn es um sowas hier geht.

Ich danke im voraus.

 

[redlama]

Wenn ich Dich richtig verstanden habe, dann willst Du nur die Tiles mit einem Hover versehen, auf die der Spieler gelangen kann?
Willst Du denn eine Grafik unter den Link legen, den Link erestzen oder eine Grafik zusätzlich zum Link anzeigen? Und in welcher Form?
Hast Du evtl. auch einen Link zu dem Ganzen? Es lässt sich leichert helfen, wenn man das Problem vor Augen hat!

redlama

 

[c2uk]

Weiss nicht, ob es ganz das ist was Du möchtest, aber schau mal hier vorbei und spiel ein wenig damit rum: http://www.stunicholls.myby.co.uk/menu/amazing.html

Wie's gemacht wird, kann man sich im Quelltext anschauen.

 

[neverknown]

Wenn ich Dich richtig verstanden habe, dann willst Du nur die Tiles mit einem Hover versehen, auf die der Spieler gelangen kann?

Genau

Willst Du denn eine Grafik unter den Link legen, den Link erestzen oder eine Grafik zusätzlich zum Link anzeigen? Und in welcher Form?

Nunja. Der Link sollte schon erhalten bleiben. Was ich will:
Über das begehbare Tile noch ein Tile-grosses Hoverbild zeichnen.
Wo der Link jetzt genau im Code steckt weiss ich nicht, nur sollte er erhalten bleiben.
Soll heissen: Das begehbare Feld soll anklickbar sein(/bleiben).

Hast Du evtl. auch einen Link zu dem Ganzen? Es lässt sich leichert helfen, wenn man das Problem vor Augen hat!

http://neverknown.no-ip.org/mapv2/map.php

Ich versuche den Server so lange wie möglich offen zu halten.