Bitte Website checken und bewerten.
- Ersteller joronet
- Erstellt am
Körnerbrötchen
Aktives Mitglied
Deine erste Seite?
Dann darf ich gratulieren. Der Code ist relativ sauber (und auf jeden Fall valide) und das Design absolut okay.
Was ich nicht verstehe ist, dass <br /> nach "That's the content! Hello world!". Das ist da absolut falsch, zudem sollte der Satz doch in p-tags eingeschlossen sein, schließlich ist es ein Absatz, oder?
#footer sollte kein div sein, sondern eine Liste (ul), denn schließlich befindet sich in ihr eine Liste an Links. Diese können dann mittels CSS genauso formatiert werden, wie die Seite momentan aussieht. (Hast du bei der Hauptnavigation ja auch gemacht und das da unten ist auch nur eine Footer-Navigation.)
Die Tabelle im #copyright dient wohl dazu den Text vertikal zu zentrieren, oder? Ersetze das ganze div durch folgendes:
und gebe #copyright eine line-height von 25px (so groß ist ja das Logo) und der Text ist zentriert. Voilá!
Um das Design noch auseinanderzunehmen fehlt mir etwas die Zeit, muss zur Arbeit!
Viele Grüße
Dann darf ich gratulieren. Der Code ist relativ sauber (und auf jeden Fall valide) und das Design absolut okay.
Was ich nicht verstehe ist, dass <br /> nach "That's the content! Hello world!". Das ist da absolut falsch, zudem sollte der Satz doch in p-tags eingeschlossen sein, schließlich ist es ein Absatz, oder?
#footer sollte kein div sein, sondern eine Liste (ul), denn schließlich befindet sich in ihr eine Liste an Links. Diese können dann mittels CSS genauso formatiert werden, wie die Seite momentan aussieht. (Hast du bei der Hauptnavigation ja auch gemacht und das da unten ist auch nur eine Footer-Navigation.)
Die Tabelle im #copyright dient wohl dazu den Text vertikal zu zentrieren, oder? Ersetze das ganze div durch folgendes:
Code:
<p id="copyright"><img src="[URL="http://www.html.de/view-source:http://jonasrotertlive.jo.funpic.de/images/logo_25px.png"]images/logo_25px.png[/URL]" alt="Logo" /> Copyright © 2010 Jonas Rotert</p>Um das Design noch auseinanderzunehmen fehlt mir etwas die Zeit, muss zur Arbeit!
Viele Grüße
Space Vampire
Senior HTML'ler
na dann mach ich halt beim design weiter 
für meinen geschmack etwas zu simpel. aber das ist subjektiv und eben geschmackssache.
ich würde noch einen äußeren wrapper um das ganze drum machen der sich farblich minimal vom hintergrund unterscheidet und vielleicht noch einen gnaz leichten schlagschatten drunter legen.
ansonsten sieht es solide und seriös aus.
auffällig finde ich, dass der footer ein wenig aus der reihe tanzt.
die dotted border wird (zumindest bei mir) an beiden seiten grob geschätzt 10 bis 15px größer als die restlichen boxen angezeigt.
das würd ich noch anpassen.
die schrift im content ist auch hart an der schmerzgrenze.
würde ich etwas größer machen.
sogar ds copyright im foot ist größer als der fließtext!
die meisten machen das eher umgekehrt ;)
für meinen geschmack etwas zu simpel. aber das ist subjektiv und eben geschmackssache.
ich würde noch einen äußeren wrapper um das ganze drum machen der sich farblich minimal vom hintergrund unterscheidet und vielleicht noch einen gnaz leichten schlagschatten drunter legen.
ansonsten sieht es solide und seriös aus.
auffällig finde ich, dass der footer ein wenig aus der reihe tanzt.
die dotted border wird (zumindest bei mir) an beiden seiten grob geschätzt 10 bis 15px größer als die restlichen boxen angezeigt.
das würd ich noch anpassen.
die schrift im content ist auch hart an der schmerzgrenze.
würde ich etwas größer machen.
sogar ds copyright im foot ist größer als der fließtext!
die meisten machen das eher umgekehrt ;)
Der Footer sieht im Moment eher missraten aus, weil ich gerade den Tipp von "körnerbrötchen" ausprobiert habe ...
Nur ..., leider funktioniert das nicht so wie gewollt, ich werde das bis auf weiteres wieder rückgängig machen, damit andere das "Problem" auch sehen und Hinweise haben, dies zu beseitigen.
Außerdem fehlt noch ein i-Tüpfelchen: eine "Subnavi" am rechten Seitenrand, in der auch andere Informationen untergebracht werden können.
Ansonsten wäre gegen eine größere Schrift nichts einzuwenden, werde ich ändern.
Danke für die Tipps, auch in Zukunft, wer etwas auszusetzen hat.
... und: Das ist so ziemlich mein erster Webauftritt.
Nur ..., leider funktioniert das nicht so wie gewollt, ich werde das bis auf weiteres wieder rückgängig machen, damit andere das "Problem" auch sehen und Hinweise haben, dies zu beseitigen.
Außerdem fehlt noch ein i-Tüpfelchen: eine "Subnavi" am rechten Seitenrand, in der auch andere Informationen untergebracht werden können.
Ansonsten wäre gegen eine größere Schrift nichts einzuwenden, werde ich ändern.
Danke für die Tipps, auch in Zukunft, wer etwas auszusetzen hat.
... und: Das ist so ziemlich mein erster Webauftritt.
Körnerbrötchen
Aktives Mitglied
Nichts da, das mit dem Footer klappt. Du musst dann nur im CSS die li's mit display:inline richtig anordnen und dem #footer eine border geben.
Die Schriftart ist meiner Meinung nach übrigens immer noch zu klein. Schau doch mal, ob du dem body einen leichten Grauton im CSS verpasst (#eee oder so).
PS: Deine Absätze schließen nicht ganz korrekt. Schau da mal drüber…
Die Schriftart ist meiner Meinung nach übrigens immer noch zu klein. Schau doch mal, ob du dem body einen leichten Grauton im CSS verpasst (#eee oder so).
PS: Deine Absätze schließen nicht ganz korrekt. Schau da mal drüber…
MasteR ChieF
Mitglied
Auch von meiner Seite, Gratulation. Für deinen ersten Auftritt ist das schon echt super =) da gibt es andere bei denen man das nicht behaupten kann :?
Zum Design: Schlicht finde ich super, kann aber auch zu schlicht sein. Wie bereits erwähnt wurde, würde ich ebenfalls den Content noch etwas hervorheben, da er jetzt mit dem Hintergrund irgendwie zusammenfliesst und links "aus dem Seitenbereich fällt"
Ebenfalls würde ich bei der Navigation ein Hover-Effekt einbauen, oder hast du das aus einem bestimmten Grund nicht getan?
Du bist sicherlich auf einem guten weg =)
Grüsse
Master CHief
Zum Design: Schlicht finde ich super, kann aber auch zu schlicht sein. Wie bereits erwähnt wurde, würde ich ebenfalls den Content noch etwas hervorheben, da er jetzt mit dem Hintergrund irgendwie zusammenfliesst und links "aus dem Seitenbereich fällt"
Ebenfalls würde ich bei der Navigation ein Hover-Effekt einbauen, oder hast du das aus einem bestimmten Grund nicht getan?
Du bist sicherlich auf einem guten weg =)
Grüsse
Master CHief
Den Content hervorzuheben, ist eine gute Idee.
Aber, was ist mit zu schlicht gemeint?
An den Hover-Effekt habe ich in der Tat noch nicht gedacht, ebenfalls eine gute Idee.
Übrigens, den Tipp von "Körnerbrötchen" habe ich mal ausprobiert (Copyright-Footer ändern) und einfach mit unten rangehangen, es klappt nicht, ich habs nicht kapiert, wie das gemeint ist.
Unter Index habe ich den aktuellen Fortschritt aufgeschrieben, also erst mal gucken.
BB joronet
PS: Die Content-Schriftgrösse ist nun genauso groß wie bei Wikipedia o.ä. ...
Aber, was ist mit zu schlicht gemeint?
An den Hover-Effekt habe ich in der Tat noch nicht gedacht, ebenfalls eine gute Idee.
Übrigens, den Tipp von "Körnerbrötchen" habe ich mal ausprobiert (Copyright-Footer ändern) und einfach mit unten rangehangen, es klappt nicht, ich habs nicht kapiert, wie das gemeint ist.
Unter Index habe ich den aktuellen Fortschritt aufgeschrieben, also erst mal gucken.
BB joronet
PS: Die Content-Schriftgrösse ist nun genauso groß wie bei Wikipedia o.ä. ...
Space Vampire
Senior HTML'ler
Weniger schlicht ohne dabei den Stil aufzugeben, könnte zB so aussehen wie auf dem Bild HIER.
Hab ich nur schnell mit nem Grafikprogramm simuliert.
Also bitte nicht so genau auf die Abstände achten.
MasteR ChieF
Mitglied
Ja genau, so wie auf dem Bild von meine Vorposter würde das schon viel anschaulicher aussehen.
Abstände links und rechts vom Rand vergrössern und dann ist das eine super sache.
Auf der Rechten Seite könntest du (wie bereits erwähnt) eine SideBar machen, mit einer Sub-Navi bzw andere Links oder News, was auch immer, das verleiht deinem Design auch noch ein bisschen mehr Würze.
mfg
MasterCHief
Abstände links und rechts vom Rand vergrössern und dann ist das eine super sache.
Auf der Rechten Seite könntest du (wie bereits erwähnt) eine SideBar machen, mit einer Sub-Navi bzw andere Links oder News, was auch immer, das verleiht deinem Design auch noch ein bisschen mehr Würze.
mfg
MasterCHief
Eine Frage habe ich noch.
Ich bin gerade dabei, die Sidebar zu erzeugen. Wenn aber der Inhalt größer als der Textinhalt der Seite ist (der in einer extra Box ist), wie kann ich dann den gesamten Bereich (main, rot gefärbt) nach der Sidebar ausrichten?
Zur Verdeutlichung des Problems dieser Link: Biografie
Danke für eure Hilfe.
joronet
Ich bin gerade dabei, die Sidebar zu erzeugen. Wenn aber der Inhalt größer als der Textinhalt der Seite ist (der in einer extra Box ist), wie kann ich dann den gesamten Bereich (main, rot gefärbt) nach der Sidebar ausrichten?
Zur Verdeutlichung des Problems dieser Link: Biografie
Danke für eure Hilfe.
joronet