nicht angemeldet
Hey,
ich fange jetzt noch einmal ganz von vorne an.
Folgendes Problem auf der Seite : der Inhalt erscheint nicht mittig und meiner border-left und border right angaben werden ignoriert. Daher die Lücken zwischen den Bildern. Warum?
By the way: Ist das ein sinnvoll geschriebener Quelltext für eine Seite die mit einem Header aus 4 Bildern und Rahmen losegehen soll?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Startseite</title>
<meta name="description" content="Beschreibung der seite">
<meta name="keywords" content="Hier Schluesselwoerter">
<meta name="author" content="Moppel">
<meta name="editor" content="html-editor phase 5">
<link rel="stylesheet" href="CSS/formate.css" type="text/css">
</head>
<body>
<div id="Header">
<img class="Kopf1" src="Grafiken/Logo1.bmp" alt="Logos" width="227" height="160">
<img class="Kopf2" src="Grafiken/Logo2.jpg" alt="Logos" width="240" height="160">
<img class="Kopf3" src="Grafiken/Logo3.jpg" alt="Logos" width="240" height="160">
<img class="Kopf1" src="Grafiken/Logo4.jpg" alt="Logos" width="240" height="160"></div>
</body>
</html>
CSS:
/* Global gültige Layouts */
html { background-color:#94a2e0; }
/* Bereich mit Logo und den Fotos */
#Header { margin-left:auto;margin-right:auto;float:left; }
.Kopf1 { border:2px solid #FFFFFF; }
.Kopf2 { border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-right:1px #FFFFFF; }
.Kopf3 { border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; border-left:1px #FFFFFF; }
Der Martin