Design bewerten

[Lohgock-Trainer]

Ich habe nun mal ein div-Design erstellt. Allerdings weiß ich nicht ganz was ich davon halten soll. Deshalb möchte ich das ihr es bewertet

Zum Design

[larsneo]

naja, css-basierende dreispalter gibt es ja wie sand am meer - du solltest auf jeden fall einmal an der validierung nacharbeiten (zugegeben nur eine kleinigkeit), problematischer ist da schon der horizontale scrollbalken bei skalierung im IE.
vielleicht auch einmal austesten, wie sich das layout bei unterschiedlichen längen in den jeweiligen spalten verhält.

[S2B]

Noch ein paar Anmerkungen zum Quellcode:

Code: Alles auswählen

<div class="spacer">&nbsp;</div>

Das lässt sich auch ohne zusätzliches Markup lösen, genauso das:

Code: Alles auswählen

<div class="navspacer">&nbsp;</div>

Code: Alles auswählen

<br style="clear:both" />

Das kannst du in diesem Fall auch weglassen und dem div#copy zuordnen.

Code: Alles auswählen

	<div><a href="pokegalaxy.de" class="menulink">Link zu kA</a>
	<a href="pokegalaxy.de" class="menulink">Link zu kA</a>
	Nothing</div>

Das <div> kannst du hier auch "wegrationalisieren". Außerdem nimmt man für Menüs meistens eine unsortierte Liste mit list-style: none, da ein Menü quasi eine Liste ist. Das erleichtert dir später auch das Designen (z.B. Abstand zwischen Menüpunkten oder Rahmen um Menüpunkte).

Und noch eine Kleinigkeit zum Aussehen: Ich würde das padding der Boxen erhöhen, so wirkt es ein bisschen gequetscht.

Ansonsten hab ich nichts weiter "auszusetzen". Weiter so.

[Lohgock-Trainer]

Code: Alles auswählen

	<div><a href="pokegalaxy.de" class="menulink">Link zu kA</a>
	<a href="pokegalaxy.de" class="menulink">Link zu kA</a>
	Nothing</div>

Das <div> kannst du hier auch "wegrationalisieren". Außerdem nimmt man für Menüs meistens eine unsortierte Liste mit list-style: none, da ein Menü quasi eine Liste ist. Das erleichtert dir später auch das Designen (z.B. Abstand zwischen Menüpunkten oder Rahmen um Menüpunkte).

Und noch eine Kleinigkeit zum Aussehen: Ich würde das padding der Boxen erhöhen, so wirkt es ein bisschen gequetscht.

Ansonsten hab ich nichts weiter "auszusetzen". Weiter so.

Meinst du das so?

Code: Alles auswählen

div#copy {
...
clear: both;
}

Ich probiere es mal aus

Edit/ Jo, klappt, Wie genau meinst du das mit dem "spacer"?

[BennyProdo]

ich sehe dort nur ne errorpage 400 oder so, auf jedenfall konnte die seite nicht angezeigt werden

[Lohgock-Trainer]

geht wieder

[S2B]

Wie genau meinst du das mit dem "spacer"?

z.B. so:

Code: Alles auswählen

div#header {
...
margin-bottom: 5px
}

[Lohgock-Trainer]

Ich habe jetzt einen 2. Style angelegt und möchte wissen welcher besser ist

http://test.pokegalaxy.de/layout.php -> Erster Style
http://test.pokegalaxy.de/layout2.php -< Zweiter Style

[derd]

Holla,

ich finde beide nicht so schön. Diese Arte von Webseiten sieht man sehr viel. Du kannst sicher noch was besseres Erstellen

und der Punkt ist blöde:

Optimized for Mozilla Firefox

Wenn schon sollte es für alle Browser passen.

Bye derd

[S2B]

Und noch eine Kleinigkeit zum Aussehen: Ich würde das padding der Boxen erhöhen, so wirkt es ein bisschen gequetscht.