Supportnet / Forum / Webseiten/HTML
Bild unten links ausrichten
Frage
Hallo,
ich habe da ein kleines Problem.
Ich habe auf meiner Seite oben links vier links ausgebracht.
Und nun möchte ich unten links ein Bild einfügen. Dieses Bild soll aber automatisch links unten ausgerichtet werden und immer links unten stehen.
Ich hoffe, es kann mir jemand helfen.
Vielen Dank schon mal im voraus
cu lpoiu
Antwort 1 von lpoiu
ergänzung.......
hier mal der bisherige HTML - Text
<html>
<BODY LINK="#FFFFFF" VLINK="#FFBF00" ALINK="##9F0000" BGCOLOR="#000000">
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<img src="bild.jpg">
</body>
</html>
Und dieses Bild soll unten links am Bildschirmrand ausgerichtet werden.
Hoffe jemand kann mir sagen, wie ich das hin bekomme.
thx
hier mal der bisherige HTML - Text
<html>
<BODY LINK="#FFFFFF" VLINK="#FFBF00" ALINK="##9F0000" BGCOLOR="#000000">
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<img src="bild.jpg">
</body>
</html>
Und dieses Bild soll unten links am Bildschirmrand ausgerichtet werden.
Hoffe jemand kann mir sagen, wie ich das hin bekomme.
thx
Antwort 2 von Michael
Hier die Lösung von mir:
--------------------
<html>
<head>
<!--// Style definiert die Position von Oben links für das Bild
tob: stellt das Bild an 550 Px dar. Left: bezieht sich auf
die Position vom linken Bildrand.
//-->
<style>
.bild {position:absolute; top:550px; left:0px; width:auto; heigth:150px; z-index:1}
</style>
</head>
<BODY LINK="#FFFFFF" VLINK="#FFBF00" ALINK="##9F0000" BGCOLOR="#000000">
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<!--// Mit Div wird dem Bild die Position aus dem Style oben zugewiesen //-->
<div class="bild" >
<img src="bild.jpg">
<!--// Alles, was innerhalb von Div steht wird ab dieser Position angezeigt... //-->
</div>
</body>
</html>
---------------------------
--------------------
<html>
<head>
<!--// Style definiert die Position von Oben links für das Bild
tob: stellt das Bild an 550 Px dar. Left: bezieht sich auf
die Position vom linken Bildrand.
//-->
<style>
.bild {position:absolute; top:550px; left:0px; width:auto; heigth:150px; z-index:1}
</style>
</head>
<BODY LINK="#FFFFFF" VLINK="#FFBF00" ALINK="##9F0000" BGCOLOR="#000000">
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<a href="link.html">link</a><br>
<!--// Mit Div wird dem Bild die Position aus dem Style oben zugewiesen //-->
<div class="bild" >
<img src="bild.jpg">
<!--// Alles, was innerhalb von Div steht wird ab dieser Position angezeigt... //-->
</div>
</body>
</html>
---------------------------
Antwort 3 von Reisewecker
Support bester Qualität!!! @Michael
Jetzt habe sogar ICH das verstanden ;-)
Jetzt habe sogar ICH das verstanden ;-)
Antwort 4 von lpoiu
Danke erst mal.
Habe ich gleich mal ausprobiert und es hat tatsächlich funktioniert.
Das Problem ist nur, wenn ich das Fenster nicht im Vollbild anschaue, das Bild zu weit unten steht.
Gibt es dafür auch eine Lösung?
Habe ich gleich mal ausprobiert und es hat tatsächlich funktioniert.
Das Problem ist nur, wenn ich das Fenster nicht im Vollbild anschaue, das Bild zu weit unten steht.
Gibt es dafür auch eine Lösung?