nicht angemeldet
Eins vorweg: Das ist kein Doppelpost, da die betreffende Seite jetzt eine neue Architektur und ein neues Design aufweist.
Was haltet ihr von der jetzigen Umsetzung der Architektur? Was kann man besser machen?
Zur Seite
Der Code
<!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="Content">
<!-- Seitenkopf -->
<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"><table class="Kopftabelle" style="border-collapse: collapse;"><tr>
<td width="227"><span class="Homepagelink">www.paarberatung-duisburg.de</span></td>
<td width="240"><a href="paarberatung.html" class="textzeile">Paarberatung</a></td>
<td width="240"><a href="psycholberatung.html" class="textzeile">Psychologische-/<br>Sexualberatung</a></td>
<td width="240"><a href="familenberatung.html" class="textzeile">Familien-/Erziehungsberatung</a></td></tr></table>
<!-- Seitenkopf Ende -->
<!-- Navigation -->
<div id="Nav">
<table class="Navigation" style="border-collapse: collapse;">
<tr><td class="rfarbe1"><span class="Navigationstextaktiv">Startseite</span></td></tr>
<tr><td class="rfarbe1"><a href="uebermich.html" class="nav">Zu meiner Person</a></td></tr>
<tr><td class="rfarbe1"><a href="paarberatung.html" class="nav">Paarberatung</a></td></tr>
<tr><td class="gross"><a href="psycholberatung.html" class="nav">Psychotherapeutische-/<br>Sexualberatung</a></td></tr>
<tr><td class="gross"><a href="familienberatung.html" class="nav">Familien-/<br>Erziehungsberatung</a></td></tr>
<tr><td class="rfarbe1"><a href="diepraxis.html" class="nav">Die Praxisräume</a></td></tr>
<tr><td class="rfarbe1"><a href="kostenudauer.html" class="nav">Kosten und Dauer</a></td></tr>
<tr><td class="rfarbe1"><a href="kontakt.html" class="nav">Kontakt</a></td></tr>
<tr><td class="rfarbe2"><a href="impressum.html" class="nav">Impressum</a></td></tr></table>
</div>
<!-- Navigation Ende -->
<!-- Hauptfenster -->
<div id="Hauptfenster"></div>
<!-- Hauptfenster Ende -->
</div>
<!-- Fussnote -->
<div id="Fussnote"><span class="Fussnotentext">Praxis für Psychotherapie • Margret Kümmerling • Altenbrucher Damm 52a
• 47249 Duisburg • Telefon: 0203/8057139 • Email: webmaster@paarberatung-duisburg.de</span></div>
</body>
</html>
Der CSS Code ohne die Links:
/* Global gueltige Layouts */
html { background-color:#828fc6; }
body { width:100%; height:100%; margin:0px;padding:0px; }
/* Div-Container */
#Content { width:957px;padding:0px;margin-left:auto;margin-right:auto;margin-top:10px;border:0px; }
#Nav {float:left;}
#Hauptfenster { Width:727px;Height:395px;background-image:url(../Grafiken/Hintergrund.jpg);float:left; }
#Fussnote { width:957px;padding:0px;margin-left:auto;margin-right:auto; }
/* Klassen fuer Bereich mit Logo, Fotos und 4 Textbloecken */
.Kopf1 { border:2px solid #FFFFFF; }
.Kopf2 { border-width:2px 1px 2px 0px;border-style:solid;border-color:#FFFFFF; }
.Kopf3 { border-width:2px 0px 2px 1px;border-style:solid;border-color:#FFFFFF; }
.Kopftabelle table { width:957px;padding:0px;border:0px; }
.Kopftabelle td { border-width:0px 2px 2px 2px;border-style:solid;border-color:#FFFFFF;height:34px;text-align:center; vertical-align:middle; }
.Homepagelink { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }
.Textzeilenlinkaktiv { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 10pt;
font-weight: bold;text-decoration: none;color: white; display:block; text-align: center; }
/* Klassen fuer die Navigation */
.Navigation table { padding:0px; float:left; }
.Navigation td { background-image:url(../Grafiken/Button.jpg);width:205px;
text-align:center; vertical-align:middle;padding-left:20px; }
.rfarbe1 { border-width:0px 2px 2px 2px;border-style:solid;border-color:#FFFFFF #FFFFFF #828fc6 #FFFFFF;height:35px; }
.rfarbe2 { border-width:0px 2px 2px 2px;border-style:solid;border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;height:35px; }
.gross { border-width:0px 2px 2px 2px;border-style:solid;border-color:#FFFFFF #FFFFFF #828fc6 #FFFFFF;height:57px; }
.Navigationstextaktiv { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 11pt;
font-weight: bold;text-decoration: none;color: white; display:block; text-align: left; }
/* Klassen fuer die Fussnote */
.Fussnotentext { font-family:'Verdana' ;font-style: normal;font-variant: normal;font-size: 7.5pt;
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }