Nein ihr macht nicht meinen Job.
Da es sich wohl um eine kommerzielle Seite handelt, kann man aber davon ausgehen.
Ich eröffne ein Thema weil ich nicht mehr weiterkomme.
Und du hast Antworten bekommen, die du nicht berücksichtigst oder nicht verstehst.
Dumme Kommentare kann ich mir auch sonst wo holen.
Wieso dumme Kommentare? Wo? Nur weil ich gefragt habe, ob wir deinen Job machen???
Dafür sind Foren da, um sich Hilfe zu verschaffen.
Richtig, aber nicht, um Grundlagen vermittelt zu bekommen.
Hier noch mal ein paar Tipps:
Verwende HTML5, das heisst den DOCTYPE sowie alle head und HTML-Elemente.
Verwende als Zeichensatz UTF-8 und speichere deine Dateien als utf-8 ohne BOM ab.
Das hier ist grundlegend falsch (Seite http://helado.bplaced.net/index_oa.html):
<div id="kopfbereich">
<span style="color:#662908">
<span style="font-size:50px;">
<span style="font-variant:small-caps;">
<font face="Book Antiqua">GuS Gesundheits- und <br/>
Sozialdienstleistungen </font>
</span>
</span>
</span>
</div>Berücksichtigt man das alles bleibt das hier übrig:
<div id="kopfbereich">
<h1>GuS Gesundheits- und<br>
<span>Sozialdienstleistungen</span>
</h1>
</div>Mit den Sslektoren von CSS kann nun jeder Teil angesprochen werden. Eigentlich braucht es auch das br dort nicht, aber, das würde dich überfordern und so bleibt wenigsten für die Suchmaschine der Zusammenhang gewahrt.
Wenn man das nun richtig macht sieht es so aus
<!DOCTYPE HTML>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
html, body {
height:100%;
margin:0;
padding:0;
background: #FFF7C9
}
body {
width: 90%;
margin: 0 auto;
border-left: 1px solid green;
border-right: 1px solid green;
}
#kopfbereich {
width: 98%;
height: 13em;
padding: 1%;
background:url(http://helado.bplaced.net/images/hauptimage.jpg) no-repeat;
background-size: cover;
}
#kopfbereich > h1 {
margin:0 auto;
width: 66%;
font-variant: small-caps;
font-size: 3em;
color:#662908;
font-face:"Book Antigua", verdana, sans-serif;
text-shadow: 0.03em 0.25em 0.25em;
}
#kopfbereich > h1 > span {
display: block;
text-align: right;
}
</style>
</head>
<body>
<div id="kopfbereich">
<h1>GuS Gesundheits- und<br>
<span>Sozialdienstleistungen</span>
</h1>
</div>
</body>
</html>
Passt sich der Browsergrösse an und ist übersichtlich.
Den Rest kannst ja dann alleine weitermachen. Sollte wohl nicht so lange dauern.
Separat in einer Datei speichern ist besser, da dann der Code der CSS/Datei, vom Browser zwischengespeichert wird und nicht jedesmal erneut heruntergeladen werden muss.