kann hier wer html?

Professional

Wednesday, April 18th 2007, 4:47pm

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:

Source code

			<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.

Go to the top of the page

hiigara

Sage

Posts: 4,998

2

Wednesday, April 18th 2007, 5:09pm

.

This post has been edited 1 times, last edit by "hiigara" (Nov 29th 2009, 11:27am)

Go to the top of the page

wu_trax

Professional

Posts: 678

3

Wednesday, April 18th 2007, 5:11pm

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

Go to the top of the page

Imp_Goten

Sage

Posts: 4,093

Location: Innsbruck

Occupation: ITA

4

Wednesday, April 18th 2007, 5:12pm

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

Go to the top of the page

[pG]fire_de

Master

Posts: 2,835

Occupation: GER

5

Wednesday, April 18th 2007, 5:13pm

id="cliplink"

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

Go to the top of the page

OoK_Isch

Sage

Posts: 4,115

Location: Hildesheim

Occupation: GER

6

Wednesday, April 18th 2007, 5:16pm

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

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

Source code

<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>

Go to the top of the page

wu_trax

Professional

Posts: 678

7

Wednesday, April 18th 2007, 5:37pm

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.

Go to the top of the page

OoK_Isch

Sage

Posts: 4,115

Location: Hildesheim

Occupation: GER

8

Wednesday, April 18th 2007, 5:47pm

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

Go to the top of the page

wu_trax

Professional

Posts: 678

9

Wednesday, April 18th 2007, 5:52pm

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

This post has been edited 1 times, last edit by "wu_trax" (Apr 18th 2007, 5:55pm)

Go to the top of the page

wu_trax

Professional

Posts: 678

10

Wednesday, April 18th 2007, 9:47pm

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.

Go to the top of the page

MastersForum