Hallo ich bin ein ziemlicher Anfänger was HTML und CSS angeht. Ich erstelle gerade eine Seite als Schulprojekt, komme aber nicht weiter, da sich ein Problem einfach nicht lösen lässt, obwohl ich schon vieles probiert hab.
Nun zum Problem: Ich möchte verschiedene Buttons an bestimmte Stellen positionieren, aber komischerweise werden die in CSS hinterlegten Koordinaten nicht erkannt, obwohl ich die Buttons mit div und einer ID deklariert habe.
HTML Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<title>Studienfahrt 2017</title>
<link rel="stylesheet" type="text/css" href="stylish.css" />
</head>
<body>
<div id="box1">
<img src="button_startseite.png">
</div>
<div id="box2">
<form action="index.html">
<input type="image" src="button_startseite.png">
</form>
</div>
<form action="galerie.html">
<input type="image" src="button_galerie.png">
</form>
<form action="herberge.html">
<input type="image" src="button_herberge.png">
</form>
<a href="index.html">Startseitet</a>
<a href="galerie.html">Galerie</a>
<a href="herberge.html">Unterkunft</a>
</body>
</html>
Alles anzeigen
CSS Code
body {
font-family: Book Antiqua;
font-size: large;
font-weight: bold;
background:
url(Design.v0.2.jpg) no-repeat fixed
;
position:absolute;
left:490px; top:250px; bottom:30px; right:300px;
color: #FFFFFF;
#box1{
position:absolute; left:50px; top:550px;
}
}
Alles anzeigen
Ich hoffe einer von euch erkennt den Fehler und kann mir helfen, damit ich die Seite fertig stellen kann.
Schon mal Danke im Vorraus!
PS. Nicht wundern dass das eine Bild doppelt angegeben ist, es diente nur als Versuch, ob sich wenigstens das positionieren läßt, aber auch hier das gleiche Problem wie mit den Buttons.