Ich habe es hinbekommen
<style>
img {
position: absolute;
}
#person {
top: 140px;
left: 490px;
}
</style>
<img src="back.PNG" width="600" >
<img id="person" src="person.PNG" width="22">Ich habe zwei Bilder. Eines als Hintergrund und dann noch eines mit den Personen (mit Transparenz). Das funktioniert auch schon. Ich möchte aber nun die Position von dem Bild mit den Personen verschieben. Wenn ich im style-Block top oder left ändere, bewirkt das nichts.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.wrap {
width: 570px;
height: 570px;
position: relative;
border: 1px solid #ccc;
}
img {
position: absolute;
}
.img-a {
top: 0;
left: 0;
z-index: 1;
}
.img-background {
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div class="wrap">
<img class="img-a" src="Beide_t.png" alt="" width="570">
<img class="img-background" src="a.jpg" alt="" width="570">
</div>
</body>
</html>Wie kommst du den darauf das der Firefox die Seite noch Läd ?
Ganz oben bewegt sich der kleine graue Kreis von links nach rechts. Außerdem erscheint das Neuladen-Zeichen nicht sondern da ist das X-Zeichen ("Laden dieser Seite stoppen").
Ich habe eine html-Seite erstellt. Wenn ich auf den Button klicke wird "Hallo!" angezeigt. Bei Firefox habe ich folgendes Problem: Der Browser denkt dass die Seite immer noch lädt.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button type="button" onclick="testen()">Test</button>
<script type="text/javascript">
function testen(){
document.writeln("Hallo!");
}
</script>
</body>
</html>