Bild als Link über einem anderen Bild anzeigen

befubo · 04.02.2011, 12:13

Ich nochmals

Ich kann es im Titel nicht treffender beschreiben. Das ganze ist so gemeint:
Es wird ein Bild angezeigt, welches gleichzeitig als Link funktioniert. Jetzt möchte ich in der oberen Linken Ecke eine kleine Png-Grafik anzeigen, welche ebenfalls ein Link ist (aber mit einem anderen Ziel!)
Wie kann ich das bewerkstelligen? Weil ich möchte die Bilder ja nicht zusammenfügen sondern nur übereinanderlegen...

es soll nachher etwa so aussehen:

http://www.bilder-space.de/bilder/6f1875-1296817864.jpg

dennis81 · 04.02.2011, 12:33

Stichworte: css, position: absolute;

phptt · 04.02.2011, 13:01

Und z-Index

Aber was hat das mit PHP zu tun?

pfump · 04.02.2011, 13:07

Mit php...ich lehn mich mal weit aus dem Fenster und sage nichts

Wie schon erwähnt css und position + z-index.
Damit sollte es kein großes Problem darstellen.

dennis81 · 04.02.2011, 13:13

So, gerade hatte ich ein Brötchen in der Hand. Hier mal ein (nicht vollfunktionsfähiger) Vorschlag:

Code:

<div style="position: relative;">
	<span style="position: absolute; top: 10px; left: 10px; z-index: 100;">
		<a href="link mit parametern" onclick="alternativ ein aufruf der eine tolle lightbox öffnet">
			<img src="icon.ext" />
		</a>
	</span>
	<img src="deinVorschaubild.bildext" />
</div>

befubo · 04.02.2011, 15:34

Hey zusammen
Sorry, ich hatte halt gedacht, das kann man iwie in PHP machen.
Ich hab jetzt aber iwie ein Problem und zwar werden die Bilder in einer While-Schlaufe in eine Tabelle gepackt. Wie kann ich die Bilder den Relativ zu den jeweiligen <td> 's richten?

thx

tr0y · 04.02.2011, 15:38

Per CSS kannst du die optischen Sachen relativ zu deinen <td> steuern. Der oben genannte source muss nur innerhalb der <td> </td> auftauchen, das allein regelst du per PHP.

HTML + CSS definieren wie etwas am ende aussieht und wo es steht.

nikosch · 04.02.2011, 16:04

[MOD: verschoben]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Hyperlink aus Variable erstellen, Bild aus Variable anzeigen	mawi	PHP Tipps 2010	11	04.10.2010 22:16
[Erledigt] MySQL Link Resource in einer statischen Variablen speichern	Lenki	PHP-Fortgeschrittene	8	18.03.2010 16:37
Per Link Text anzeigen lassen	Ollo	PHP Tipps 2009	3	08.10.2009 08:23
[Erledigt] bild aus db und verzeichn is mit einem link löschen!	litterauspirna	PHP Tipps 2008	3	15.09.2008 15:46
Bild vor Link pattern	TimmaY	PHP Tipps 2007	5	21.03.2007 18:06
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
GD Image Stream als Bild anzeigen		PHP Tipps 2005-2	2	22.07.2005 13:10
Bild (.jpg) mit Link auf Festplatte speichern	PsychoEagle	PHP Tipps 2005-2	11	16.06.2005 14:54
ImageStream als Bild im Browser anzeigen lassen!	Finkman	PHP Tipps 2005	8	29.03.2005 15:54
über Bild gelegter Link nichtg anwählbar	Stümper	HTML, Usability und Barrierefreiheit	7	22.03.2005 19:54
[Erledigt] über ein Link --> Tabelleneintrag		PHP Tipps 2004	9	03.11.2004 17:09
Bild aus Server anzeigen lassen	flual2000	PHP Tipps 2004	4	26.10.2004 16:33
Aktuelle Seite = Link aus einer Datei => BILD?		PHP Tipps 2004	2	07.09.2004 21:49
[Erledigt] Bildlink aus Datenbank als Bild auf der Homepage anzeigen..		PHP Tipps 2004	5	25.07.2004 20:08
[Erledigt] Bildurl aus Datenbank auf der Homepage als Bild anzeigen		HTML, Usability und Barrierefreiheit	4	25.07.2004 20:05


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.02.2011, 12:33
dennis81 Erfahrener Benutzer Registriert seit: 13.05.2009 Beiträge: 1.164 PHP-Kenntnisse: Fortgeschritten	Stichworte: css, position: absolute; __________________ Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin) Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

04.02.2011, 13:01
phptt Erfahrener Benutzer Registriert seit: 23.11.2010 Beiträge: 395 PHP-Kenntnisse: Anfänger	Und z-Index Aber was hat das mit PHP zu tun? __________________ Ich bin eine nervige Signatur!!!

04.02.2011, 13:07
pfump Erfahrener Benutzer Registriert seit: 29.03.2008 Beiträge: 576	Mit php...ich lehn mich mal weit aus dem Fenster und sage nichts Wie schon erwähnt css und position + z-index. Damit sollte es kein großes Problem darstellen.

04.02.2011, 13:13
dennis81 Erfahrener Benutzer Registriert seit: 13.05.2009 Beiträge: 1.164 PHP-Kenntnisse: Fortgeschritten	So, gerade hatte ich ein Brötchen in der Hand. Hier mal ein (nicht vollfunktionsfähiger) Vorschlag: Code: <div style="position: relative;"> <span style="position: absolute; top: 10px; left: 10px; z-index: 100;"> <a href="link mit parametern" onclick="alternativ ein aufruf der eine tolle lightbox öffnet"> <img src="icon.ext" /> </a> </span> <img src="deinVorschaubild.bildext" /> </div> __________________ Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin) Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

04.02.2011, 15:38
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Per CSS kannst du die optischen Sachen relativ zu deinen <td> steuern. Der oben genannte source muss nur innerhalb der <td> </td> auftauchen, das allein regelst du per PHP. HTML + CSS definieren wie etwas am ende aussieht und wo es steht. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

04.02.2011, 16:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	[MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --