Profil von simolus4

02.12.2013, 17:44

Hallo , ich lerne gerade HTML5 und CSS3 , habe aber ein kleines Problem , undzwar weiß ich nicht , wie man ein Bild richtig positioniert. hier ist der "Quellcode" meiner Webseite :

<html>
<head>
<title> Ich mag Z&uumlge 2 </title>
</head>
<body style="background-image: url('<a href="https://encrypted-tbn2.gstatic.com/images?q=tbn">https://encrypted-tbn2.gstatic.com/images?q=tbn</a>:ANd9GcQUALKN94ZCxSp0QBz9jkixzLEAjKL_mNUk9Q0vHUVVItoe1wjQ');">
<p id="Oben"/>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
<a href="IchmagdenZug.html"><img src="<a href="https://encrypted-tbn2.gstatic.com/images?q=tbn">https://encrypted-tbn2.gstatic.com/images?q=tbn</a>:ANd9GcS1tp62HSYDLfpDVAzTZ8RT0LKTHyGnjksrGREjb_7zVSoV1wQ"></a>
</br>
<a href="alte Webseite - Homepage.html" target="_blank">Ein Link zu INeue Webseite - Homepage.html</a>
</br>
<a href="Neue Webseite - Homepage.html#Hi">Nach unten</a>

 <p id="Hi">Hi</p>
   <a href="Neue Webseite - Homepage.html#Oben">Nach oben</a>
   </br>
   </body>
   </html>

Wie kann ich jetzt dem Bild jetzt "sagen" , wo es stehen soll ? Danke im Voraus :)

...zum Beitrag

Antwort

von simolus4

02.12.2013, 20:51

img src="quelle.jpg" style="position:absolute; top: 50px; left: 50px;"> Das würde dann das Bild 50 Pixel vom oberen und 50 Pixel von linken Seitenrand entfernt anzeigen. Wenn du möchtest, dass das Bild mitscrollt, dann kannst du "position:absolute" durch "position:fixed" ersetzen. Du kannst auch "bottom: x px" oder "right: x px" eingeben, wenn du dass Bild unten oder rechts haben willst.

...zur Antwort