Seite 1 von 1

Design bewerten

Verfasst: 09.12.2006 12:34
von 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

Verfasst: 09.12.2006 13:18
von 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.

Verfasst: 09.12.2006 18:10
von 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). :wink:

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". :D Weiter so. :)

Verfasst: 10.12.2006 15:42
von Lohgock-Trainer
S2B hat geschrieben:

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). :wink:

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". :D 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"?

Verfasst: 10.12.2006 16:09
von BennyProdo
ich sehe dort nur ne errorpage 400 oder so, auf jedenfall konnte die seite nicht angezeigt werden

Verfasst: 10.12.2006 16:25
von Lohgock-Trainer
geht wieder :wink:

Verfasst: 10.12.2006 18:02
von S2B
Lohgock-Trainer hat geschrieben:Wie genau meinst du das mit dem "spacer"?
z.B. so:

Code: Alles auswählen

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

Verfasst: 10.12.2006 20:15
von 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

Verfasst: 10.12.2006 20:26
von derd
Holla,

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

und der Punkt ist blöde:
Optimized for Mozilla Firefox
Wenn schon sollte es für alle Browser passen.

Bye derd

Verfasst: 10.12.2006 20:33
von S2B
S2B hat geschrieben:Und noch eine Kleinigkeit zum Aussehen: Ich würde das padding der Boxen erhöhen, so wirkt es ein bisschen gequetscht.
:wink: