Du bist nicht angemeldet.

1

Dienstag, 29. Juli 2003, 10:13

clanpage bewerten

Hi,

Hier wie gewünscht der Bewertungs-Thread von http://webstyleboard.de/wsb/thread.php?threadid=3217&sid=.

Nochmal eine kurze Zusammenfassung:

- Ladezeit: ja, ich weis, ist lang, aber da arbeite ich noch dran. Ausserdem ist die Zielgruppe der Page ja die Clan-Szene, und die haben alle DSL, genauso wird kein Gamer mit einer Auflösung unter 1024x768 spielen.
- Auflösung: hab ich gerade schon in Punkt 1 beantwortet, bei höheren Auflösungen ist halt ein schwarzer Rand zu sehen, aber das ist wirklich nicht möglich, das ding auch noch in die Breite "dynamisch" zu machen. (War schon ne Ordentliche Tabellenkonstruktion das Design nach unten hin ausdehnbar zu machen)
- Content: Fehlt natürlich noch, auch ein Forum kommt noch, und impressum natürlich.
- Quelltext: Per PHP zusammengeschustert, können ein paar Fehler drin sein, besonders bei den Tabellenkonstruktionen. Ansonsten hab ich möglichst viel mit css gemacht (Auch zwei Layer. Gibt es den Browser, die keine Layer unterstützen?).

So, wenn euch jetzt noch was einfällt: BITTE posten!

Mfg
streifenkiste

2

Dienstag, 29. Juli 2003, 12:52

RE: clanpage bewerten

Hallo!

Hier ein kleiner Service von mir: www.sof-legendz.de

Zitat

Original von streifenkiste
Ansonsten hab ich möglichst viel mit css gemacht
Na, wenn das so ist: gut! :)

Zitat

Auch zwei Layer. Gibt es den Browser, die keine Layer unterstützen?
Was sind Layer?

Mirko :)
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« (29. Juli 2003, 12:53)


3

Dienstag, 29. Juli 2003, 13:15

Hi,

ich weiße mal ganz dezent auf deinen Quellcode hin: http://validator.w3.org/check?uri=http%3…f-legendz.de%2F
[q=W3C MarkUp Validation Service]Fatal Error: No DOCTYPE specified![/q]

sowie auf dein CSS: http://jigsaw.w3.org/css-validator/valid…=1&profile=css2

Zudem kannst du noch viel mehr in CSS machen, das war ja nur ein bischen, was du in CSS realisiert hast.
[q=www.sol-legendz.de]<TD background="img/page/pageH7V2.jpg" colspan="3" valign="top" rowspan="5" align="right">[/q]
Du kannst allein aus dem Tag, alles Orange Rot Markierte in CSS umsetzten. Das macht deine Seite noch schlanker und einfacherpflegbar.

So weit von mir, falls mir noch was auffällt, schreibe ich das natürlich hier hin ;) .

MfG Nash

4

Dienstag, 29. Juli 2003, 13:48

nur eine kleine zwischenfrage..
findet ihr es sinnvoll einen einmalig verwendeten background in einem css file abzulegen???

wenn ich eine tabelle mit vielen verschiedenen backrounds habe, bleibt es doch übersichtlicher wenn ich sie direkt in die td schreibe..

liege ich da total falsch?
Signatur von »ginko« irgendwann wird uns gott vernaschen!

5

Dienstag, 29. Juli 2003, 14:13

Zitat

Original von ginko
findet ihr es sinnvoll einen einmalig verwendeten background in einem css file abzulegen???
Ja!!!!!!11?!!1

Zitat

wenn ich eine tabelle mit vielen verschiedenen backrounds habe, bleibt es doch übersichtlicher wenn ich sie direkt in die td schreibe..
Trennung von Markup und Style ist ein Konzept, das hinreichend für Übersichtlichkeit ist. Das heißt aber noch lange nicht, dass alles, was "übersichtlich" ist, konzeptionell sauber ist. Es ist auf jeden Fall eine bessere Umsetzung des Konzepts, sein HTML frei von jedweder Präsentation zu halten. Und einen Hintergrund im CSS anzugeben ist sogar noch übersichtlicher. Warum sollte man die Präsentation EINER Seite auf ZWEI Dateien aufteilen? www.memowe.de/webauthoring/markup/ weiß mehr.

Aber das ist hier off topic. Für weiterführende Fragen in diese Richtung bitte ich das (X)HTML/CSS-Forum zu frequentieren. Bitte widmet Euch jetzt der vorgestellten Seite.

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

6

Dienstag, 29. Juli 2003, 14:35

Dass ich den Link vergessen hab - schlachtet mich dafür. AUTSCH!

Was das css angeht: ginko nimmt mir die worte aus dem munde

@memowe: Ich glaube DU unterstützt keine Layer --> http://drweb.de/html/layer_1.shtml

Was ist mit dem scwarzen Rand, der bei höherer Auflösung entseht? Sollte ich da was anderes machen? KANN ich da was anderes machen?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »streifenkiste« (29. Juli 2003, 14:38)


7

Dienstag, 29. Juli 2003, 14:48

Zitat

Original von streifenkiste
@memowe: Ich glaube DU unterstützt keine Layer --> http://drweb.de/html/layer_1.shtml
Ich glaube, dass das keine Glaubensfrage ist. Und obschon Dr. Web in solchen Hinsichten keine vertrauenswürdige Quelle (mehr) ist, entnehme ich dem Artikel, dass Layer DIV- oder P- oder SPAN- oder sonstige HTML-Elemente sind, auf die CSS angewendet wird. DIV-, P-, SPAN- und andere HTML-Elemente unterstützt jeder HTML-fähige Browser.

Zu dem Rest werde ich in naher Zukunft noch was schreiben.

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

8

Dienstag, 29. Juli 2003, 14:50

Zitat

Original von ginko
nur eine kleine zwischenfrage..
findet ihr es sinnvoll einen einmalig verwendeten background in einem css file abzulegen???
Ja, das ist sogar sehr sinnvoll! Durch eine konsequente Trennung von Inhalt und Layout wird der Quelltext wesentlich aufgeräumter und außerdem hast du die Möglichkeit, z. B. ein Druck-Stylesheet zu verwenden. Beim Ausdruck soll doch sicher der Hintergrund nicht ebenfalls auf dem Papier landen, oder?

Zitat

Original von streifenkiste
@memowe: Ich glaube DU unterstützt keine Layer --> http://drweb.de/html/layer_1.shtml
Wenn du mit Layern Bereiche zwischen <div> und </div> oder <span> und </span> meinst, kann ich dich beruhigen: Diese, meist mittels CSS formatierten, Bereiche werden zwar nicht von jedem Browser unterstützt (z. B. Text-Browser), aber zumindest als Fließtext angezeigt. Die gängigen grafischen Browser haben in den neueren Versionen keine größeren Probleme damit.

9

Dienstag, 29. Juli 2003, 14:59

Hi Streifenkiste!

Leider habe ich noch immer wenig Zeit, um mich um eine ausführliche Bewertung zu kümmern. Kommt aber später, versprochen. ;)

Hier nur das wichtigste:

[q=Was das css angeht: ginko nimmt mir die worte aus dem munde]streifenkiste[/q]

Ich kann verstehen, dass es auf den ersten Blick etwas unlogisch erscheint, aber memowe hat recht. Wenn Du das HTML-Grundgerüst präsentationsfrei hälst, und alles an grafischen Dingen in eine CSS-Datei packst, ist die Seite auf Dauer leichter pflegbar und übersichtlicher.

Ein kurzes Beispiel:

Du verschiebst (aus irgendeinem Grund) den Ordner mit den Bildern oder benennst ihn um. Anstelle dass Du nun in jeder Datei den Link zum Bild ändern musst, änderst Du alle in einer CSS-Datei.

Oder noch besser:

Oops, da war Duke XP schneller... :)

Was ist, wenn jemand eine Seite ausdrucken möchte? Dann hast Du unter Umständen die Grafiken oder zumindest Teile davon auf dem Ausdruck was zuweilen hässlich aussieht. Sind die Grafiken aber über das CSS eingebunden, kannst Du deren Anzeige steuern. D.h. Du kannst dafür sorgen, dass die Grafiken bei einem Ausdruck gar nicht erst angezeigt werden, oder aber, dass nur bestimme Grafiken angezeigt werden.

Soviel dazu...

[q=streifenkiste]@memowe: Ich glaube DU unterstützt keine Layer [/q]

Ich denke, dass Memowe sehr wohl weiß, was Layer sind. Vielleicht kann er mit dem Begriff "Ebenen" mehr anfangen... ;)

[q=streifenkiste]Was ist mit dem scwarzen Rand, der bei höherer Auflösung entseht? Sollte ich da was anderes machen? KANN ich da was anderes machen?[/q]

Das mit dem Rand ist natürlich ein etwas störendes Detail. Du kannst es aber umgehen, indem Du die Grafik am rechten Rand ins Schwarz laufen lässt.

Das ganze könnte dann so aussehen (stark komprimiert):



Soweit erst einmal von mir. Melde mich später.

LapisInfernalis
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »LapisInfernalis« (29. Juli 2003, 15:01)


10

Dienstag, 29. Juli 2003, 15:16

[Zitat ergänzt]

Zitat

Original von LapisInfernalis
[q=streifenkiste][q=memowe][q=streifenkiste]Auch zwei Layer. Gibt es den Browser, die keine Layer unterstützen?[/q]Was sind Layer?[/q]@memowe: Ich glaube DU unterstützt keine Layer[/q]Ich denke, dass Memowe sehr wohl weiß, was Layer sind. Vielleicht kann er mit dem Begriff "Ebenen" mehr anfangen... ;)
Dann will ich Euch mal aufklären. Es gab vor langen Jahren mal das proprietäre LAYER-Element, das IMO von Netscape eingeführt werden sollte. Und es gibt das DIV-Element, das die Funktionalität des LAYER-Elements in den Augen einiger abdeckt. Allein deshalb schon ist nicht klar, was ein "Layer" an sich ist. Hinzu kommt noch, dass es dafür keine gescheite Definition gibt. Laut Dr. Web ist ein Layer irgendein HTML-Element, das mit irgendwelchen CSS-Deklarationen (ich übersetze "Anweisungen" hoffentlich sinnteilend) bedacht wird. Es muss nichtmal positioniert sein. Denn lt. Dr. Web gibt es explizit positionierte Layer. Toll. Dann ist ja jedes HTML-Element, dem irgendwie CSS-Deklarationen zugewiesen werden ein "Layer". Und mit dieser Definition bin ich nicht einverstanden, insbesondere, weil hier eine äußerst schwammige Assoziation eines strukturell und logisch bedeutungsleeren Elements DIV/SPAN mit bestimmten, aber nicht benannten CSS-Eigenschaften gemeint ist, die alles und nichts sein kann. Und auch das mit dem Rahmen kann man so nicht hinnehmen, da das von Dr. Web besonders hervorgehobene SPAN-Element inline-level ist und damit eben KEINEN festen Rahmen darstellt. Und ob Browser Layer unterstützten oder nicht ist damit eine nicht zu treffende Aussage, zumal auch "unterstützen" allgemein zunächst so definiert ist, dass das Element angezeigt wird. Und das tut jeder HTML-fähige Browser.

Und wegen solcher Ungenauigkeiten (insbesondere auch im tölpelhaften Umgang mit den Termini) ist Dr. Web zumindest für mich keine vertrauenswürdige Quelle mehr. Wenn die in den Artikeln, in denen ich kein Fachwissen mitbringe, genau so ungenau, schwammig und bisweilen falsch schreiben, dann gute Nacht.

Soviel zu meinem Unmut über den Begriff "Layer", Dr. Web und den ganzen Rest. Ich bitte, diesen kleinen Ausflug zu entschuldigen und weise freundlich darauf hin, dass Ihr bitte Kommentare zu der Seite schreiben sollt, anstatt Euch wie ich in derbem Off-Topic zu ergehen.

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

11

Dienstag, 29. Juli 2003, 15:25

Net schlecht, gute Idee!

zum css: Wer sich den Quelltext angeguckt hat, sieht, dass das ein typisches Tabellen Layout ist. In jeder Zelle ein bild, und das sind ca 30Felder. sollte ich jetzt für jedes Feld eine extra css-Angabe machen?? Ziemlich vile Arbeit und übersichtlich wird das css dadurch wirklich nicht.

[Mal ganz nebenbei: ich glaub nicht, dass ich jemals einen Grund haben werde, den img-Ordener umzunennen. Und ne Clanpage will glaub ich auch niemand ausdrucken. Bei anderen Pages hätte ich nicht so viel Grafiken verwendet, aber bei Clans geht das anscheinend nicht anderst]

Achso: Ist euch vielleicht aufgefallen, dass keine von meinen Seiten den doctype hat, ich hab keine Ahnung, was ich da hinschreiben soll, ich mein ich setzt mich nicht vor meinen Editor und sag: Heute schreib ich html4, sondern ich schreib halt einfach. Gibts irgendwo ne Liste, wo alle unterschiede der verschiedenen html aufgelistet sind?
Oder wie macht ihr das?

12

Dienstag, 29. Juli 2003, 15:27

BREAK vom Moderator!

streifenkiste, Deine Fragen sind allesamt wichtig und gehören beantwortet. Aber nicht hier. Bitte erstelle für solche Fragen einen Thread im (X)HTML/CSS-Forum.

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

13

Dienstag, 29. Juli 2003, 15:31

eigentlich müsste es ja unter einer anderen topic weiter gehen..
naja was solls...

ich finde das ihr übertreibt.
ich will auf keinen fall behaupten dass ihr unrecht habt, aber ich finde das übersicht, inhalt und design viel wichtiger ist als textbrowser compatibel.
wer von euch verwendet einen textbrowser?

soll man beim erstellen einer website also auf so manchen verzichten, nur weil einige keinen browser benützen der grafik usw. unterstütz?

ich weiss nicht. für kleinere seiten ist meist eine eigene druck seite nicht vorgesehen (und auch unnütz).. und für grössere seiten, die meist besser durchdacht sind, kann man es von vorn herein berücksichtigen
Signatur von »ginko« irgendwann wird uns gott vernaschen!

14

Dienstag, 29. Juli 2003, 15:35

Zitat

Original von ginko
eigentlich müsste es ja unter einer anderen topic weiter gehen..
Genau. Und darum werde ich keinen offensichtlichen OT-Beitrag hier mehr tolerieren.

Zitat

ich finde das übersicht, inhalt und design viel wichtiger ist als textbrowser compatibel.
Das schließt sich in keiner Hinsicht aus und wurde auch von niemandem gesagt. Wir können gerne ein bisschen darüber diskutieren, aber nicht hier.

</offtopic>

Mirko :)
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« (29. Juli 2003, 15:38)


15

Dienstag, 29. Juli 2003, 15:40

bitteschön: http://webstyleboard.de/wsb/thread.php?threadid=3312&sid=

Weitere Bewertungen sind HIER aber jederzeit willkommen!

16

Freitag, 1. August 2003, 09:23

Hallo Streifenkiste!

Wie versprochen nun auch ein paar Zeilen von mir.

Nach der ganzen Disskusion in nunmehr drei Threads (ist richtig so! :)) , so kann überall das diskutiert werden, auf das es ankommt), habe ich dem nur noch wenig hinzuzufügen.

Also das Design an sich finde ich sehr ansprechend, wenngleich es mit stark an die Matrix erinnert. Nur das Gezappel mit dem GIF empfinde ich nach einiger Zeit als störend. ;)

Noch eine Sache technischer Natur: Ich weiß nicht, inwieweit es mit Deinem Posting aus dem CSS-Thread zu tun hat, aber sieh Dir mal das Impressum mit hoher Auflösung, bzw, auf einem großen Monitor an:

Hier ein Screenie:

Ich bin mir nicht sicher, woran es liegt, aber im Quelltext sind mir zwei Dinge aufgefallen:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table width="100%" border="0" valign="top"><tr><td class="ueberschrift">
 IMPRESSUM <img src="img/ueberschrifthigru_t2.gif" width="100" height="10" order="0"></td></tr></table>
<!--ende Ueberschrift-->
<br>

Wichtiger Hinweis zu allen Links: Mit Urteil vom 12. Mai 1998 - 312 O 85/98 - "Haftung für Links"
 hat das Landgericht (LG) Hamburg entschieden, dass man durch die Anbringung eines Links, die 
Inhalte der gelinkten Seite ggf. mit zu verantworten hat. Dies kann - so das LG - nur dadurch 
verhindert werden, dass man sich ausdrücklich von diesen Inhalten distanziert. Hiermit 
distanziert sich streifenkiste ausdrücklich von allen Inhalten aller gelinkten Seiten auf dieser 
Homepage. Diese Erklärung gilt für alle auf dieser Website angebrachten Links. Für alle diese 
Links gilt: "sof-legendz.de betont ausdrücklich, daß wir keinerlei Einfluß auf die Gestaltung und 
die Inhalte der gelinkten Seiten haben." Diese Erklärung gilt für alle auf dieser Homepage 
angebrachten Links und für alle Inhalte der Seiten, zu denen Links oder Banner von 
sof-legendz.de führen.




</td>


1. Die Breite der Tabelle steht auf 100%. Ist das der Grund für das merkwürdige Verhalten?! ?(

2. Der Text des Impressums (wenngleich es sich wohl eher um einen Disclaimer als um ein Impressum handelt, oder Investi?) steht "nackt" im Quelltext.

Meines Wissens muss Text in <p></p> stehen.

Wenn man die Seite mit dem Impressum validieren lässt (nicht zur Überprüfung auf 100%ige Standardkonformität sondern nur aus Neugierde... :P ), und aufgrund des fehlenden Doctypes einfach HTML 4.01 Transitional annimmt, zeigt sich, dass die Verschachtelung der Tabellen nicht ganz in Ordnung ist:

http://validator.w3.org/check?uri=http%3…01+Transitional

Vielleich liegt's auch daran?
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.

Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »LapisInfernalis« (1. August 2003, 09:25)


17

Freitag, 1. August 2003, 09:37

Kurzer Einwurf

Zitat

Original von LapisInfernalis
2. Der Text des Impressums [...] steht "nackt" im Quelltext.

Meines Wissens muss Text in <p></p> stehen.
<independeceday>Das ist so nicht ganz korrekt</>
Es dürfen lediglich keine Inline-Elemente direkt im Body stehen. Aber wie ich aus "</td>" schließe, ist das ganze Bestandteil einer Tabelle. Damit darf Inline-Content "nackt" dort stehen, wo er steht. Alles andere wäre sogar schlechtes Markup, denn in einer Tabelle stehen Daten und nicht Absätze.

Allerdings habe ich mich jetzt nicht um die angeblich falsche Tabellenschachtelung gekümmert. Das sollte zunächst behoben werden.

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

18

Freitag, 1. August 2003, 11:51

Freut mich ja, dass es hier auch noch weitergeht..

Impressum: Ja, das ist natürlich noch nicht fertig. ich hab nur schonmal die seite gamcht, und einfach n text von irgendeiner anderen Seite draufgesetzt. Natürlich muss in ein Irmpressum viel mehr rein.
das kann sehr gut sein, dass die tabellenkonstruktionen nicht so stimmen. Wie gesagt - wird alles per php zusammengewürfelt.

Meckert ruhig, das macht mir nix aus und trägt nur zu einer besseren Seite bei.

Mfg