• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Design, Eindruck, Code [Editor]

nascituruz

Neues Mitglied
Hi,

würd gern wissen, was die Allgemeinheit davon hält.

Vom Code gibts wahrscheinlich nicht viel zu bewerten, genauso wie beim Inhalt ;).

Hab aber kein blassen, was ich wichtiges schreiben soll (kommt aber bei Gelegenheit noch).

Ich hab natürlich versucht mich an die Standards zu halten.

So, hoffe auf anregende Kommentare und bis neulich!

Link
 
Werbung:
Hi,

das Design finde ich an sich ganz gut, aber das "www.pixelsells.de" finde ich irgendwie hässlich und an der Stelle unpassend. Die buchstaben kleben so komisch aneinander. Warum packst du das nicht in deine Headergrafik rein?

Irgendwie sieht die Seite noch so unfertig aus. Der Navi- und Contentbereich ist einfach irgendwie mittenrein geklatscht. Aber vom Ansatz gefällts mir doch schon ganz gut.

Desweiteren ist dein Code nicht ganz fehlerfrei

[Invalid] Markup Validation of http://www.pixelsells.de/index.html - W3C Markup Validator
 
Hallöchen,

mein erst Eindruck ist eigentlich relativ positiv, sieht ganz ok aus. Aber auch recht mager gehalten die Seite, es fehlt viel Content und ein Impressum ebenso.

Das Design ist jetzt nicht sooo aufwändig..allerdings finde ich das Bild recht groß...ich muss erstmal scrollen dmait ich zum content komme....(habe das fenster nicht maximiert, mag kleine fenster... ^^)

Desweiteren sind mir einige Sachen an deinen Code aufgefallen:

du benutzt um dein menu (<ul>) nochmal ein <div>. Wozu? DU kannst dem <ul> auch sagen wie per css "gestylt" werden soll.

Alternativ könntest du in deinem <div id="main"> auch komplett die navigation + update links floaten, das würde dann so aussehen:

Code:
<div id="sidebar">
 <ul>
  <li>...</li>
  ...
 </ul>
 <h3>Updates</h3>
 <p>...</p>
</div>

<div id="story">
  <h3>Willkommen auf Pixelsells.de</h3>
  <p>Diese Seite dient unter anderem zur Präsentation....
 </p>
</div>
css:
Code:
#sidebar { float:left; width: 40%; }
#sidebar ul { .... }
#sidebar h3 { ... }

#story { float:left; width: 55%; }

usw usf
-------------------

das
Code:
<div class="clearb">&nbsp;</div>
Ist eigentlich überflüssig. du kannst deinem <div id="main"> auch ein "clear:both;" geben.

-------------------

Bei deinen einen <img ..> fehlt beim "height" ein = danach.

-------------------

Dein Footer muss nciht in ein <div>. du kannst dem <p> auch "id=footer" geben. Ein div ist zum gruppieren gemeinsamer Elemente. Du hast hier aber nur eins? ^^

-------------------

Du hast im header ein <h1> und ein <h2> und auf der Seite kommt dann als nächstes ein <h2> ? Müsste das nicht ein <h3> sein?

-------------------

Ansonsten ein recht guter Anfang....aber noch steigerungsfähig!

Grüßli
Loon3y
 
Werbung:
Hi, danke für deine Antwort.

...das Design finde ich an sich ganz gut, aber das "www.pixelsells.de" finde ich irgendwie hässlich und an der Stelle unpassend. Die buchstaben kleben so komisch aneinander. Warum packst du das nicht in deine Headergrafik rein?

Die Buchstaben sollen tatsächlich aneinander kleben, ist gewollt, ich find das nämlich gar nicht so schlecht, sogar schick :oops:. Daher hab ich das auch nicht noch mal in der Headergrafik drin, das wäre dann ja doppelt gemoppelt.

Irgendwie sieht die Seite noch so unfertig aus.

Also ganz fertig ist die Seite ja auch nicht, hab halt leider noch nicht so viel Inhalt zum online stellen.

Der Navi- und Contentbereich ist einfach irgendwie mittenrein geklatscht. .

Auch das ist gewollt, und ich finde das schick! Hebt sich doch von Standardlayouts ab, in denen immer alles so am Rand klebt?!

Desweiteren ist dein Code nicht ganz fehlerfrei
Jetzt schon, hätte ich natürlich vorher noch kurz prüfen können, aber wie das so ist -> ein Schreibfehler!

Aber ich mach mir mal Gedanken wegen des Layouts, warte aber mal noch andere Meinungen ab, vielleicht ist mein Geschmack doch sehr individuell :oops:?!
 
mein erst Eindruck ist eigentlich relativ positiv, sieht ganz ok aus. Aber auch recht mager gehalten die Seite, es fehlt viel Content und ein Impressum ebenso.

Danke zum content -> minimalistisch eben.

Impressum werde ich morgen erarbeiten...;)!

Das Design ist jetzt nicht sooo aufwändig..allerdings finde ich das Bild recht groß...ich muss erstmal scrollen damit ich zum content komme....(habe das fenster nicht maximiert, mag kleine fenster... ^^)

Ja, sonst wird es zu minimalistisch ^^.
Desweiteren sind mir einige Sachen an deinen Code aufgefallen:

Diese hab ich versucht zu beheben...?!

Schritt nach vorne??? :D
 
Diese hab ich versucht zu beheben...?!

Schritt nach vorne??? :D

Ein klarer Schritt nach vorne! So bist du schon ein bisschen von der Div-suppe weggekommen.

Ein kleiner Tip, was aber kein Muss ist, du solltest für deine id's beschreibende Wörter finden. ein id="navigations-wrapper" ist nicht so ganz korrekt, da ja z.b noch updates mit drin stehen, was nichts mit der navigation hat. Das ist aber, wie schon erwähnt, nur ein Tip, damit du später einmal die Übersicht nicht verlierst.

Was ich in meinen letzen Posting schon erwähnt hatte war das:

Code:
<div class="clearb">&nbsp;</div>

habe mir im css das mal angeschaut. eigentlich ist es nur ein 10px breiter rahmen. Wieso?

Du kannst das ganze eigentlich eleganter lösen. Wenn du möchtest, dass dein main-content nicht direkt am bild ist, verwernde padding/margin. Nur diese klasse für eine leerzeile zu benutzen finde ich nicht so passend hier.

Gruß
Loon3y
 
Werbung:
Super, jetzt ist nurnoch das eine Problem, dass die Schrift aus der Navigation wandert beim vergrößern.

Dazu muss die aber verdammt groß sein ^^, im IE mit den Standardgrößen unter Ansicht ist eigentlich alles schick, nur beim Firefox mit größter Zoomrate wandert sie, mit overflow ist sie abgeschnitten?!
 
Werbung:
Dazu muss die aber verdammt groß sein ^^,

Wenn jemand halb blind ist, sagt dieser bestimmt "waaas, größer gehts nicht?" :p

im IE mit den Standardgrößen unter Ansicht ist eigentlich alles schick, nur beim Firefox mit größter Zoomrate wandert sie, mit overflow ist sie abgeschnitten?!

Abschneiden würde ich nie...dann kann man wohlmöglich n ichtmehr das wort erkennen..oder aus "unfug" wird wohl dann "unfu"... ;) unfuck..öh? heh..


Verwende statt der Einheit "px" die Maßeinheit "em" und deine Boxen passen sich an die Schriftgröße an. :-)
 
Werbung:
Bei dieser engen Schrift und dem Text "barrierefrei" kommen mir Zweifel. Wenn ich da als Normalsichtiger schon drüber stolpere, den Text zu lesen, kann das nicht barrierefrei sein. MIR gehen dabei die Augen über.
 
Bei dieser engen Schrift und dem Text "barrierefrei" kommen mir Zweifel. Wenn ich da als Normalsichtiger schon drüber stolpere, den Text zu lesen, kann das nicht barrierefrei sein. MIR gehen dabei die Augen über.

Ja, der Schriftzug im Header hat auch mehr Logocharakter, als Informationsabsicht.
 
Werbung:
<img ... title="Bitte lesen Sie den Schriftzug nicht, er ist nicht zum Lesen da, sondern nur als Logo ohne Informationsgehalt beabsichtigt." />
 
Werbung:
Zurück
Oben