Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Harvey17 vom 05.04.2021, 19:00 Options

HTML Bild in Bild

hi

ich will zwei Bilder auf meine Hopmepage haben.

Bild1 480px x 480px
Bild2 10px x 10px

nun möchte ich das Bild2 an einem ganzbestimmten ort in Bild1 ist z.B von oben 200px und von links 366px wie kann ich das machen?
bis jetzt hab ich das mit divs und tabllen aus probiert. ab wenn ich das dann mal mühsam hingefummel habe zeigt er das nur bei fier fox richtig an und im alten inetExplorer nicht.

Antwort schreiben

Antwort 1 von gast42 vom 05.04.2021, 19:03 Options

du brauchst die CSS-Eigenschaften position, top und left

Antwort 2 von Harvey17 vom 05.04.2021, 19:04 Options

ok dank für dei schnelle hilfe

Antwort 3 von Supermax vom 05.04.2021, 19:08 Options

"z-index" nicht zu vergessen, damit das kleine Bild auch "vor" dem großen angezeigt wird.

Antwort 4 von Friedel vom 05.04.2021, 20:46 Options

Du solltest das ganze in einem Container machen, z.B. in einem Div. Diesem Div gibst du die Eigenschaft position:relative;, damit die enthaltenen Elemente an diesem Element ausgerichtet werden. In dieses Div kannst du dann mit <img src="bild1.gif" style=position:absolute; top:0; left:0; z-index:1; width:480px; height:480px;"> das erste Bild einbauen. Das 2. Biild baust du dann entsprechend mit <img src="bild2.gif" style=position:absolute; top:200px; left:366px; z-index:2; width:10px; height:10px;"> ein.

Antwort 5 von gast42 vom 05.04.2021, 21:57 Options

@Friedel & Supermax & derjenige, der A3 als gute Antwort bewertet hat (ist das hier Ausdruck einer Fangemeinde?):
die z-index-Angabe ist überflüssig, wenn das 2te Bild vor dem 1ten liegen soll.

Zitat:
Im Quelltext später notierte Elemente überdecken vorhergehende.

(siehe
SelfHTML z.index)

Antwort 6 von gast12345 vom 05.04.2021, 22:14 Options

Schau mal hier für Beispielcode, die Transparenz-Sachen kannste ja
einfach weglassen :)

http://www.grafik-blog.de/140-halbtransparenz-im-
web.html

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken