Moppel: Feedback von den Profis

Beitrag lesen

SELF-Forum

Feedback von den Profis

Moppel
– Informationen zu den Bewertungsregeln

Hallo,
ich erstelle gerade eine Homepage für das Gewerbe meine Mutter.
Bevor ich nun die einzelnen Seiten mit Inhalt fülle, würde ich gerne Feeback zu der Seite erhalten. Wie ist der Aufbau, das Design und vor allem: Wird die Seite auch bei euch richtig dargestellt? Habe versucht, die Seite Browserunabhängig zu gestalten.
Vielen Dank für jeden Kommentar.
der Link: Zur Seite
Hier der Code, falls von Interesse:

<!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">  
<div id="Logo1"></div>  
<div id="Logo2"></div>  
<div id="Logo3"></div>  
<div id="Logo4"></div>  
</div>  
<div id="Textzeile">  
<div id="Text1"><span class="Homepagelink">www.paarberatung-duisburg.de</span></div>  
<div id="Text2"><a href="paarberatung.html" class="textzeile">Paarberatung</a></div>  
<div id="Text3"><a href="psycholberatung.html" class="textzeile">Psychologische -/Sexualberatung</a></div>  
<div id="Text4"><a href="familienberatung.html" class="textzeile">Familien-/Erziehungsberatung</a></div>  
</div>  
<div id="Main">  
<div id="Navigation">  
<div id="Nav1"><span class="Navigationstextaktiv">Startseite</span></div>  
<div id="Nav2"><a href="uebermich.html" class="nav">Über mich</a></div>  
<div id="Nav3"><a href="paarberatung.html" class="nav">Paarberatung</a></div>  
<div id="Nav4"><a href="psycholberatung.html" class="nav">Psychologische -/Sexualberatung</a></div>  
<div id="Nav5"><a href="familienberatung.html" class="nav">Familien-/Erziehungsberatung</a></div>  
<div id="Nav6"><a href="diepraxis.html" class="nav">Die Praxisräume</a></div>  
<div id="Nav7"><a href="kostenudauer.html" class="nav">Kosten und Dauer</a></div>  
<div id="Nav8"><a href="kontakt.html" class="nav">Kontakt</a></div>  
<div id="Nav9"><a href="impressum.html" class="nav">Impressum</a></div>  
</div>  
<div id="Hauptfenster"><span class="Textzeilentext"></span></div>  
</div>  
<div id="Fussnote"><span class="Fussnotentext">© 2010 Margret Kümmerling, D-Duisburg</span></div>  
</body>  
</html>

und die CSS-Datei:

html { background-color:#960f0f; }  
a.nav:link { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }  
a.nav:visited { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left; }  
a.nav:hover { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }  
a.nav:active { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }  
a.nav:focus { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: #960f0f; display:block; text-align: left; }  
a.textzeile:link { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }  
a.textzeile:visited { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center; }  
a.textzeile:hover { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: white; display:block; text-align: center; }  
a.textzeile:active { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: white; display:block; text-align: center; }  
a.textzeile:focus { font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 12pt;  
font-weight: bold;text-decoration: none;color: white; display:block; text-align: center; }  
.Homepagelink  
{  
font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center;  
}  
.Textzeilenlinkaktiv  
{  
font-family:'Arial',Times,serif;font-style: italic;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: center;  
}  
.Navigationstextaktiv  
{  
font-family:'Arial',Times,serif;font-style: italic;font-variant: normal;font-size: 13pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: left;  
}  
.Fussnotentext  
{  
font-family:'Arial',Times,serif;font-style: normal;font-variant: normal;font-size: 10pt;  
font-weight: normal;text-decoration: none;color: white; display:block; text-align: right;  
}  
#Header  
{  
Width:1192px;  
margin-left:auto;  
margin-right:auto;  
}  
#Logo1  
{  
Width:283px;  
Height:200px;  
float:left;  
border-left:2px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:2px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
background-image:url(../Grafiken/Logo1.jpg);  
}  
#Logo2  
{  
Width:299px;  
Height:200px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:2px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
background-image:url(../Grafiken/Logo2.jpg);  
}  
#Logo3  
{  
Width:300px;  
Height:200px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:2px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
background-image:url(../Grafiken/Logo3.jpg);  
}  
#Logo4  
{  
Width:300px;  
Height:200px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:2px solid #FFFFFF;  
border-top:2px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
background-image:url(../Grafiken/Logo4.jpg);  
}  
#Textzeile  
{  
Width:1192px;  
margin-left:auto;  
margin-right:auto;  
margin-top:0px;  
}  
#Text1  
{  
Width:283px;  
Height:34px;  
line-height:34px;  
float:left;  
border-left:2px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
  
}  
#Text2  
{  
Width:299px;  
Height:34px;  
line-height:34px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
}  
#Text3  
{  
Width:300px;  
Height:34px;  
line-height:34px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
}  
#Text4  
{  
Width:300px;  
Height:34px;  
line-height:34px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-right:2px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
border-bottom:1px solid #FFFFFF;  
}  
#Main  
{  
Width:1192px;  
margin-left:auto;  
margin-right:auto;  
margin-top:0px;  
}  
#Navigation  
{  
Width:283px;  
float:left;  
border-left:2px solid #FFFFFF;  
border-right:1px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
border-bottom:2px solid #FFFFFF;  
}  
#Nav1  
{  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav2  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav3  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav4  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav5  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav6  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav7  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav8  
{  
border-top:1px solid #960f0f;  
border-bottom:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Nav9  
{  
border-top:1px solid #960f0f;  
Width:263px;  
Height:50px;  
line-height:50px;  
padding-left:20px;  
background-color: #bbbbbb;  
}  
#Hauptfenster  
{  
Width:905px;  
Height:468px;  
float:left;  
border-left:1px solid #FFFFFF;  
border-top:1px solid #FFFFFF;  
background-image:url(../Grafiken/Hintergrund.jpg);  
}  
#Fussnote  
{  
Width:1192px;  
height:20px;  
line-height:20px;  
margin-left:auto;  
margin-right:auto;  
margin-top:0px;  
}

Beste Grüße

Beitrag melden
–
Informationen zu den Bewertungsregeln
0 24

Feedback von den Profis

Moppel
  • seitenbewertung
  1. 2
    Beat
    1. 0
      Moppel
      1. 0
        Steffen
        1. 0
          Peter Pan
          1. 0
            Steffen
            1. 0
              Peter Pan
              1. 0
                Moppel
                1. 0
                  Moppel
                2. 0

                  Sinnvolle Struktur statt alter Sünden

                  Peter Pan
                  • meinung
        2. 0
          Moppel
          1. 0
            sepp
            1. 0
              Felix Riesterer
      2. 0
        EKKi
        • html
  2. 0
    Encoder
  3. 0
    Brillo Agent Nr. 1
    1. 0
      Der Martin
      1. 0
        Brillo Agent Nr. 1
        1. 0
          Der Martin
          1. 0
            Kai345
        2. 0
          Steel
  4. 0
    Moppel
  5. 0
    Felix Riesterer
    1. 0
      stewe