Bild dynamisch ausrichten

[Wolfsbein]

Habe folgendes Problem: Ich möchte, dass ein Bild, das in einer Zelle oben ausgerichtet ist beim Überfahren mit der Maus unten in der Zelle ausgerichtet wird. Zusätzlich soll es noch ein Link sein, aber das ist das ist nicht das Problem. Habe schon einiges versucht, auch mit CSS, hat aber leider nicht hingehauen .

 

[Dunsti]

Hi,

ich denke mal, das wird nicht so ohne Weiteres gehen.
auf alle Fälle bekommst Du Browser-spezifische Probleme (also daß das in IE geht und in NN nicht oder so).

mit CSS gibt es zumindest keine Möglichkeit, da Du das ALIGN bzw. VALIGN der Zelle darüber nicht bestimmen kannst.

Einzige Möglichkeit, die mir jetzt spontan einfällt wäre, die Position des Bildes direkt (unabhängig von der Zelle) zu beeinflussen.
Wäre aber ne Sch***arbeit, das dann genau auf die Tabelle auszurichten.

Gruß
Dunsti

 

[Deemax]

Das ist schwierig, eine Lösung wenn auch keine richtig wäre das:

<style type="text/css">
<!--
.over { list-style-image: url(test3.jpg); position: relative; left: auto; top: 120px; clip: rect( )}
.out { list-style-image: url(test3.jpg); position: relative; left: auto; top: 100px; clip: rect( )}
-->
</style>

Im body fügst du das Bild irgentwo in deiner Tabelle ein:
<a href="#" onmouseover=this.className='over' onmouseout=this.className='out'><img src="test3.jpg" width="554" height="120" border="0" class="over" ></a>

Du mußt es noch richtig positionieren. Es funktioniert nur im IE und in N6 also ist das auch keine zufriedenstellende Lösung.

 

[Wolfsbein]

Danke. Aber so habe ich es auch schon probiert. Werde es wohl anders machen müssen.