Du bist nicht angemeldet.

Bewertung: pixelizer.net

taimon

Schüler

  • »taimon« ist der Autor dieses Themas

Beiträge: 167

  • Private Nachricht senden

1

Samstag, 3. August 2002, 22:56

Designbewertung: pixelizer.net

Hi!

Ich habe jetzt ein erstes Design für eine kommerzielle Webdesign-Page fertig:
http://taimon.de/hosting/pixelizer/

Fragen, die mir besonders wichtig sind:
Wie steht es mit der Browserkompatibilität (hab im mom nur IE6)?
Wie gefallen euch die Farben?
Ist die Schrift zu klein?

Jegliche darüber hinaus gehende Kritik wird mit Freude entgegengenommen. :)

P.S.: Mir geht es ausschließlich um das Design. Der Content ist nur so da hingeklatscht und alles andere als im finalen Zustand.
Signatur von »taimon« ...

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »taimon« (3. August 2002, 22:59)

t-ob-i

Profi

Beiträge: 1 221

  • Private Nachricht senden

2

Samstag, 3. August 2002, 23:15

Hallo,

nach dem ich den Opera ein wenig hin und her geschoben habe kam das dabei herum. (Stark komprimiert)

Im Netscape sowie IE sieht es sonst relativ gleich aus.
Weitere Kritik folgt. Aber ich bin gerade nicht in der Kritikstimmung :D

Tobias
Signatur von »t-ob-i« {SIGNATUR}

taimon

Schüler

  • »taimon« ist der Autor dieses Themas

Beiträge: 167

  • Private Nachricht senden

3

Samstag, 3. August 2002, 23:46

Sowas blödes. Opera gedownloadet und angeschaut.. der scheint Probleme bei der Interpretation von CSS zu haben. Der Hintergrund wird nicht korrekt zentriert.
Ich hoffe es liegt an mir. Ist mein CSS-Code evtl. fehlerhaft?

Quellcode

 
1

body {margin:18px; background-image:url(pics/bg_all.gif); background-repeat:repeat-y; background-position:center}

Wäre blöd wenns daran scheitert...
Signatur von »taimon« ...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »taimon« (3. August 2002, 23:46)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

4

Sonntag, 4. August 2002, 11:57

Zitat

Original von taimon
Sowas blödes. Opera gedownloadet und angeschaut.. der scheint Probleme bei der Interpretation von CSS zu haben.
Das kann ich bestätigen. Meistens, wenn man sich nicht blöd anstellt, bleibt die Seite aber trotzdem gut benutzbar.

Zitat

Der Hintergrund wird nicht korrekt zentriert.
Ich hoffe es liegt an mir. Ist mein CSS-Code evtl. fehlerhaft?

Quellcode

 
1

body {margin:18px; background-image:url(pics/bg_all.gif); background-repeat:repeat-y; background-position:center}

Wäre blöd wenns daran scheitert...
Das kannst Du zunächst mal abk.en:

Quellcode

 
1
2
3
4

body {
   margin : 18px;
   background : white url(pics/bg_all.gif) repeat-y fixed center top
}


Dann solltest Du Dir mal das anschauen:
http://validator.w3.org/check?uri=http%3…&doctype=Inline
Die Navigations-Bilder kann man ganz wundervoll mit HTML+CSS ersetzen und bei einer td hast Du background="..." angegeben, das muss selbstver style="background-image : url(...)" heissen.

Und "ja", Dein CSS ist ziemlich lafshc:
http://jigsaw.w3.org/css-validator/valid…ting/pixelizer/
Statt "COLOR: 000000;" schreibe "color : black".

No comment: http://www.delorie.com/web/lynxview.cgi?…%2Fpixelizer%2F

Die Optik ist ganz hypsch, aber insgesamt fehlt noch ein bisschen [url=http://www.memowe.de/bsod.php?s=Achtung, dieses hat keinen Sinn und kann nur als Fülltext Verwendung finden: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.]Fülltext[/url], oder? Man sieht noch zu wenig.

Viele Grüße! :)
mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »memowe« (4. August 2002, 12:11)

taimon

Schüler

  • »taimon« ist der Autor dieses Themas

Beiträge: 167

  • Private Nachricht senden

5

Montag, 5. August 2002, 09:25

Den Fehler mit dem Opera werde ich dann wohl in Kauf nehmen müssen, aber das macht ja nichts. Ist ja bloß ein kleiner optischer Fehler, nichts was die Funktionalität einschränken würde.

Ansonsten werde ich mich bei nächster Gelegenheit mal an den Code ranmachen und das ganze Zeug so proggen, dass es auch validiert wird. Dabei hätte ich allerdings nochmal ein Frage an memowe (Der sich bei sowas ja immer auskennt :-) ):

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11

Line 12, column 50: 
  ... gh> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="banner_top.swf" qua ...
                                                        ^Error: there is no attribute "SRC" for this element (in this HTML version) 

Line 12, column 50: 
  ... ALUE=#FFFFFF> <EMBED src="banner_top.swf" quality=high bgcolor=#FFFFFF ...
                                                        ^Error: there is no attribute "QUALITY" for this element (in this HTML version) 

Line 12, column 50: 
  ...  <EMBED src="banner_top.swf" quality=high bgcolor=#FFFFFF  WIDTH=600 H ...
                                                        ^Error: there is no attribute "BGCOLOR" for this element (in this HTML version)

Das bekomme ich vom w3c validator. Aber Angaben wie 'src=' braucht man ja um die .swf-Datei korrekt anzuzeigen, trotzdem werden sie als Fehlerhaft angezeigt, was ja heisst, dass sie offiziell nicht unterstützt werden.
Hat das was mit meinem Header zu tun?

Quellcode

 
1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Muss da was anderes oder zusätzliches rein?
Signatur von »taimon« ...

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »taimon« (5. August 2002, 09:26)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

6

Montag, 5. August 2002, 10:11

Nun, ich bin zwar bekennender Falsch-Nichtmöger, aber mit Falsch nimmst Du sowieso Inkompatibilitäten in Kauf. Du kannst es imo drinlassen, da die Seite auch ohne funktioniert. Es ist ja nicht so, dass dadurch die restlichen Elemente beeinträchtigt werden, es ist einfach nur ein Element, das nicht im Standard vorkommt.

Desweiteren solltest Du mal in SelfHTML fahnden, mit welchen Elementen man in welchen HTML-Versionen Falsch einbinden kann. :)

mem
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

taimon

Schüler

  • »taimon« ist der Autor dieses Themas

Beiträge: 167

  • Private Nachricht senden

7

Montag, 5. August 2002, 10:22

1) Bin auch eher ein 'PHP-generated HTML/CSS'-Anhänger, aber mein Partner kann ziemlich gut mit Flash umgehen, und das sollen die (potentiellen) Kunden nach Möglichkeit auch sehen. Navigations- und Contentkritische Elemente werden Flashfrei bleiben, und das ist auch gut so. Es geht nur um den Banner oben, und auch da wird sich das auch auf eher subtile Effekte beschränken. :)

2) Wusste garnicht, dass man Flash auf verschiedene Arten einbinden kann... Danke für die Info! *selfhtmlstudier*
Signatur von »taimon« ...

Investorman

Erleuchteter

Beiträge: 3 610

  • Private Nachricht senden

8

Mittwoch, 7. August 2002, 23:21

Moin taimon!

Die Site gefällt mir ganz gut. Allerdings wird bei 'Die Pixler' das Bild von Oliver Sagner nicht angezeigt. Gleiches bei 'Referenzne' (Restlessbikes.de)! Irgendwie finde ich es nciht so schön, dass jede Seite verschieden hoch ist. Wieso kannst Du die Unterkannte (roter Balken) nicht gleichmäßig setzen? Die Schrift in dem Balken kann ich nciht lesen ...
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

Lesezeichen: