Neuer Versuch

[Matthias Apsel]

Hallo hmm,

was sollte ich an am code verbessern?

• keine Tabellen verwenden
• die Eingabefelder mit label beschriften

---

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen, projection" />

text/css ist der Standardwert, kann weg. media="screen, projection" ist imho auch verkehrt, eine CSS-Ressource reicht.

---

<form action="" method="get" accept-charset="utf-8"> 

Wenn die aktuelle Seite das Ziel ist, kann das action-attribut weg, get ist Standard

---

<div style="position:absolute; right: 20px; top: 20px;">

Absolute Postionierung ist meist nicht notwendig, macht mehr Schaden als Nutzen, inline-styles unterlässt man besser, das div ist zudem überflüssig, du könntest der Tabelle einen entsprechenden Außendabstand geben.

---

<input type="button" onclick="check(this.form)" value="Anmelden"/>

Das button-Element existiert, Attribute mit "on" sollten nicht verwendet werden. Was soll da gecheckt werden? required ist ausreichend. Du musst die Anmeldung ohnehin auf dem Server prüfen.

---

<div id="page-content">

Das sollte das main-Element werden

---

<img src="img/present-307984_1280.png" width="300" height="300" align="left">

align ist obsolet

---

#page-header {
	h1 { font-size: 4em;}
}

Das geht in normalem CSS nicht.

Pixelgenaues CSS ist meist wenig sinnvoll.

Meine Sachen im Header und im page-content sind zuweit auseinander, die will ich mehr mittig haben. wie mache ich das?

Wo kann man sich die Seite anschauen?

übrigens habe ich ein open source bild dazugenommen und unter img als present-307984_1280.png eingebunden. wenn ihr euch die seite mal ungucken wollt könnt ihr einfach einen ordner img erstellen und dort ein passend benamtes bild reinpacken.

Das wird wohl nicht passieren - online-Beispiel bitte.

leider ist das css nur für meinen bildschirm angepasst, bei jedem anderen bildschirm ist alles verformt, wie ändere ich das?

Indem du auf jede Anpassung für deinen Bildschirm verzichtest. Dazu zählt auch absolute Positionierung, Tabellenlayout und die Angabe fester Abmessungen.

Bis demnächst
Matthias