kann hier wer html?

Profi

18.04.2007, 16:47

ich bin scheinbar zu blöd dazu.
wie setzt man einen link hinter ein Bild?
Eigentlich sollte das doch mit <a href="..."><img src="..."/></a> gehen oder?
Aus irgend einem Grund ist der Link bei mir aber nur eine Zeile hoch, selbst wenn das Bild um einiges größer ist. Der Code sieht so aus:

Quellcode

			<td>
				<div style="width:200px; height:75px;">
					<a target="_blank" id="cliplink" href="#" style="border:1px solid red;">
						<img id="clipmedium" src="{$root_url}images/transparent.gif" border="0" />
					</a>
				</div>
			</td>

Das transparent.gif ist nur ein Platzhalter und das href ändere ich über javascript abhängig von Eingaben des Benutzers. Der Teil funktioniert auch, nur der Link ist nicht über das ganze Bild sondern nur über den unteren Teil.

Zum Seitenanfang

hiigara

Erleuchteter

Beiträge: 4 998

2

18.04.2007, 17:09

.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »hiigara« (29.11.2009, 11:27)

Zum Seitenanfang

wu_trax

Profi

Beiträge: 678

3

18.04.2007, 17:11

ja, den hab ich ja erst später eingefügt um zu sehen wo mein link geblieben ist.

Zum Seitenanfang

Imp_Goten

Erleuchteter

Beiträge: 4 093

Wohnort: Innsbruck

Beruf: ITA

4

18.04.2007, 17:12

find ich sehr eigenartig, da ich mit selben code nur anderem bild den link über dem ganzen bild hab

Zum Seitenanfang

[pG]fire_de

Meister

Beiträge: 2 835

Beruf: GER

5

18.04.2007, 17:13

id="cliplink"

Was hast du denn für Formatierung bezüglich cliplink/clipmedium

Zum Seitenanfang

OoK_Isch

Erleuchteter

Beiträge: 4 115

Wohnort: Hildesheim

Beruf: GER

6

18.04.2007, 17:16

http://jh-isch.de/temp/wu_trax.html

Der Link funktioniert. Der rote Rahmen ist halt nur um die imaginäre Textzeile^^

Quellcode

<html>
<head>
</head>
<body>
<table><tr>

<!-- Dein Teil -->
			<td>
				<div style="width:200px; height:75px;">
					<a target="_blank" id="cliplink" href="#" style="border:1px solid red;">
						<img id="clipmedium" src="http://www.mastersforum.de/images/masterslogo.gif" border="0" />
					</a>
				</div>
			</td>
<!-- Dein Teil Ende -->

</tr></table>
</body></html>

Zum Seitenanfang

wu_trax

Profi

Beiträge: 678

7

18.04.2007, 17:37

hmm, dann muss es an irgendwas anderem liegen, bei mir gehts nämlich nicht:

http://wutrax.dynalias.com/showProduct.php
den nicht relevanten kram hab ich mal rausgelöscht, der code ist trotzdem noch relativ häßlich

klicken kann man nur auf den schmalen teil zwischen der border von dem Bild und der border des Links. Es könnte an der unterschiedlichen Größe der Bild liegen, aber selbst wenn ich die Seite nur mit dem groß gezogenen transparent.gif lade funktioniert es nicht.

Zum Seitenanfang

OoK_Isch

Erleuchteter

Beiträge: 4 115

Wohnort: Hildesheim

Beruf: GER

8

18.04.2007, 17:47

http://validator.w3.org/check?uri=http%3…showProduct.php meldet ein paar falsche table, tr und td-tags. Evtl. liegts daran?

Zum Seitenanfang

wu_trax

Profi

Beiträge: 678

9

18.04.2007, 17:52

kommt vom kopieren denk ich.
Im IE7 gehts komischer weise, im Firefox nicht. ich glaub ich mach das ganze doch wieder anders, mit ausgebledenten divs. das läd zwar ewig, aber funktioniert

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »wu_trax« (18.04.2007, 17:55)

Zum Seitenanfang

wu_trax

Profi

Beiträge: 678

10

18.04.2007, 21:47

wenns irgendwen interessiert:
Es lag an diesem gruseligen absoluten Positionieren das ich bei dem Bild daneben mache. Die Breite eines divs wird scheinbar an die darunter liegenden weiter vererbt. Weil ich sie dann mit left: -x px; positioniert habe ragten sie natürlich um x px in meinen Link rein und man konnte genau an der Stelle nicht klicken.

Zum Seitenanfang

MastersForum