Hilfe zum Bild einfügen!

[fragenmann]

Hallo liebes Forum!

Ich möchte ein Bild einfügen auf dem andere Bilder angezeigt werden. Klappt auch wunderbar. Nur ist das Bild viel zu groß...
Ich weiss nicht wie ich es, in der Größe und Breite ändern kann!

Das ist mein Code:

<div style="position:absolute; top:100px; left:0px; z-index:1;">
<img src="stall.jpg";>
</div>

Habe es schon mit dem (oder so ähnlich) versucht:

<div style="position:absolute; top:100px; left:0px; z-index:1;">
<img width:50%; height:50%; src="stall.jpg";>
</div>

Aber beim Vergrößern der Seite mit dem Mausrad verändert es sich nicht gleich mit den anderen Bildern!

Ich bitte euch um schnelle Hilfe, wenn möglich, meinen Code so umzuändern das es passt!

Danke euch im Vorraus!

 

[threadi]

Du schreibst fehlerhaften HTML-Code.

Falsch:

 <img src="stall.jpg";>

Richtig:

 <img src="stall.jpg" alt="">[/html]

Auch dein zweiter Versuch ist falsch, sogar noch falscher als der erste:

Falsch:
[html] <img width:50%; height:50%; src="stall.jpg";>[/html]

Richtig:
[html] <img style="width:50%;height:50%;" src="stall.jpg" alt="">[/html]

Bei letzterem ist das Problem, dass sich die Prozentangaben auf das umliegende Element beziehen. Das umliegende Element hat jedoch keine Höhen- und keine Breitenangabe. Also beziehen sich die Prozentangaben auf: nichts.

Dein grundsätzliches Problem ist aber ein anderes:
[quote]Ich möchte ein Bild einfügen auf dem andere Bilder angezeigt werden.[/quote]

Wieso machst Du das nicht als background-image? Mit background-size kann man das Hintergrundbild dann auch an die Maße des Elementes, in dem das Hintergrundbild steht, anpassen lassen. Wenn sich das Element in der Größe ändert, ändert sich auch das Hintergrundbild entsprechend.

Siehe:
[URL]https://developer.mozilla.org/en-US/docs/CSS/background-size[/URL]

Hinweis: in IE7 bis 9 muss man dafür ein Hilfsmittel wie z.B. modernizr verwenden.