PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Jetzt bin ich mal an der Reihe...


feuervogel
17.12.2006, 23:18:16
So, und da es ja anscheinend nun Tradition zu sein scheint: Was haltet ihr von meiner Seite (sie hat seit vorhin ein neues Layout):

http://www.julianmoritz.de

Weil er mir abhanden gekommen ist, bitte ich vor allem um Anschauung mit dem Internet Explorer :-)

Der Inhalt ist quasi nicht vorhanden, es geht vorrangig ums layout...

dankeschööön!

Domi
17.12.2006, 23:34:34
Du willst doch nur nen guten Pagerank, gibs doch zu :)

Also schau dir mal den Source an, würde das noch überarbeiten. Alles auf CSS, eh klar.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Solltest dann auch so machen wenn das oben hinschreibst.

<link rel="stylesheet" media="all" href="./style/style.css" />

hier fehlt die type-Angabe. Außerdem sehen die Streifen aufm S/W Laserdrucker bestimmt toll aus ^^

<img src="./gfx/logo.png" width="700px" alt="logo" />

In diesem Fall sollten laut w3c (so weit ich weiss) " weg. Aber so pingelig will ich ja au net sein ;)

Deine Überschrift erinnert so nen bischen an nen Erpresserbrief, sieht net schlecht aus, aber die immer wechselnden Streifen im Hintergrund .. weiss net, die machen mir Angst. Die erschlagen einen ja fast o0 Wenn se scho so extrem sein müssen, dann mach se wenigstens nicht wechselnd *meine Meinung*

Alles in Allem net schlecht, immerhin mal was neues und anderes, wie man sonst gewöhnt ist *thumbs up*

Gruss
Domi

// P.S.: Sollte doch glatt selber auch mal wieder was an meiner Page machen :|

feuervogel
17.12.2006, 23:42:16
hmmm, also danke erst mal für die kritik.

hab grade ein recht gutes css-buch gelesen.

die validatoren finden das xhtml1.0 und css prima (nur ein paar warnungen):

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.julianmoritz.de%2Fstyle%2Fstyle.css&warning=1&profile=css2&usermedium=all
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.julianmoritz.de%2F

die streifen wechseln rein zufällig, und ich denke, wenn die auflösung nicht zu groß ist, gehts (welche auflösung hast du?). allerdings kann ich einerseits ja noch mal an den farben schrauben, andererseits gehts auch noch krasser:

http://julianmoritz.de/dl/style1/

:-)

Domi
18.12.2006, 00:13:24
Nabend,

habe 1280 * 1024 auf nem 19 Zoll CRT der etwas heller als Standard eingestellt ist.

Also die 2. Lösung ist schon heftig ^^ Ich denke das bekommst du schon hin. Ich wollte deinen Source in keinster Weise deklassieren, jedoch finde ich es professioneller auch die Warnings zu verhindern. Und da wäre dann noch das Einrücken. Spätestens bei dynamischem Inhalt wird es meist vergessen..

Magst mal dem Link zu deiner CSS Errungenschaft schicken?

Danke ;)

Domi

P.S.: Julian Moritz ... da ist doch irgendwo der Vorname versteckt oder? ;)

Damir
18.12.2006, 08:31:07
Immer diese SPAM-Eintraege hier;-)

Naja aber was macht man nicht alles wenn man Zeit hat;-)

Also das mit dem Kochbuch find ich eine klasse Idee... An die Farben muss ich mich noch gewoehnen:-)

Ach jetzt wo ich euch hier alle habe:-)

SELFPHP wird ja bald ein neues Projekt ins Netz stellen und da könnt ihr auch bald testen;-) Aber... ursprünglich war das Layout 3 spaltig und alles CSS mit der Blick in Richtung Barrierefreiheit. Leider gab es aber immer ein Problem mit den beiden Ausssenrahmen, die sich nicht gleichmaessig dynamisch verlaengert haben (kennt das sicherlich von Tabellen die automatisch mitgehen). Das Problem ist, das der mittlere Teil weiss ist und die Aussenflaechen grau. Kennt einer von euch die Lösung für dieses "Problem".

Damir

xabbuh
18.12.2006, 08:35:54
SELFPHP wird ja bald ein neues Projekt ins Netz stellen und da könnt ihr auch bald testen;-) Aber... ursprünglich war das Layout 3 spaltig und alles CSS mit der Blick in Richtung Barrierefreiheit. Leider gab es aber immer ein Problem mit den beiden Ausssenrahmen, die sich nicht gleichmaessig dynamisch verlaengert haben (kennt das sicherlich von Tabellen die automatisch mitgehen). Das Problem ist, das der mittlere Teil weiss ist und die Aussenflaechen grau. Kennt einer von euch die Lösung für dieses "Problem".
Einfachste Möglichkeit sind zwei Hintergrundbilder, die mit float:left bzw. float:right ausgrichtet werden. Das funktioniert natürlich nur, wenn die Breiten der Außenspalten fest sind.

Für variable Breiten habe ich mal eine Lösung mit sehr merkwürdigen margin-Angaben gesehen (-1000px oder Ähnliches). Allerdings habe ich diese Lösung gerade nicht im Kopf. Auf Wunsch suche ich aber gerne mal danach.


Zum eigentlichen Thema: Die Farbgestaltung gefällt mir. Allerdings wirkt der Inhaltsbereich bei großen Auflösungen etwas verloren.

feuervogel
18.12.2006, 09:11:14
SELFPHP wird ja bald ein neues Projekt ins Netz stellen und da könnt ihr auch bald testen;-) Aber... ursprünglich war das Layout 3 spaltig und alles CSS mit der Blick in Richtung Barrierefreiheit. Leider gab es aber immer ein Problem mit den beiden Ausssenrahmen, die sich nicht gleichmaessig dynamisch verlaengert haben (kennt das sicherlich von Tabellen die automatisch mitgehen). Das Problem ist, das der mittlere Teil weiss ist und die Aussenflaechen grau. Kennt einer von euch die Lösung für dieses "Problem".

Damir

sorry, aber:

nein, meine glaskugel ist grade in reparatur.

da ich aber weiß, was du für nen stress hast grade:

ich kann nur vermuten, was das problem ist, und xabbuh hat die lösung schon angesprochen. vielleicht sollte das layout auch noch mal so überdacht werden, dass man es einfach(er) mit css realisieren kann.

feuervogel
18.12.2006, 09:15:49
Nabend,

habe 1280 * 1024 auf nem 19 Zoll CRT der etwas heller als Standard eingestellt ist.


oh, das ist ja weniger als ich :-)


Also die 2. Lösung ist schon heftig ^^ Ich denke das bekommst du schon hin. Ich wollte deinen Source in keinster Weise deklassieren, jedoch finde ich es professioneller auch die Warnings zu verhindern.


ja, nein, ich wollte ja nicht abweisend wirken. es wundert mich nur, warum der w3 validator nicht so wirklich meckert, sondern nur warnt.



Und da wäre dann noch das Einrücken. Spätestens bei dynamischem Inhalt wird es meist vergessen..
warum auch *g*
Magst mal dem Link zu deiner CSS Errungenschaft schicken?

Danke ;)

Domi


das buch heißt "css mastery". *such* http://www.amazon.de/CSS-Mastery-Advanced-Standards-Solutions/dp/1590596145/sr=8-1/qid=1166429623/ref=sr_1_1/302-1536337-7280069?ie=UTF8&s=books-intl-de

falls der amazon.de link nicht mehr klappt: ISBN: 1590596145. ist aber nur für forgeschrittene zu empfehlen, die rudimentär englisch verstehen.


P.S.: Julian Moritz ... da ist doch irgendwo der Vorname versteckt oder? ;)

ich sags mal so: mein nachname ist moritz. und ja, damit hatte und habe ich schon viel spaß gehabt in meinem leben. und es gibt dazu auch noch einen zweiten vornamen, aber den verrate ich nicht.

meikel (†)
18.12.2006, 10:00:24
Max?

feuervogel
18.12.2006, 10:17:08
Max?

hahaha!

ich hatte nachts mein handy verloren, rufe bei eplus an: "guten tag, mein name ist moritz und ich würde gerne mein handy sperren lassen" - "wieso, hat Sie der max zu sehr geärgert?"

Andes
18.12.2006, 10:40:50
Na da möchte ich doch auch noch meinen Senf abgeben :o)

Ganz schön gewagtes Design. Finde ich ja ganz witzig, bloß bei längerem lesen dürften die Augen bald wehtun. Finde den Kontrast als Hintergrund im Verhältnis zum Inhalt etwas zu stark ausgefallen. Der Inhalt soll doch das wichtigere sein und der Hintergrund nur Beiwerk.

Die Idee mit dem Kochbuch find ich auch nicht schlecht. Prüfst du dann jeden Beitrag vor Veröffentlichung?

Mal noch etwas zur technischen Seite.
Du definierst im HTML-Tag, dass die Sprache englisch wäre obwohl sie deutsch ist. Da gehört 'de' statt 'en' hin. Sonst könnte es bei Screenreadern zu Aussprachefehlern kommen.
Besser wäre auch den Inhalt mit den entsprechenden Tags zu strukturieren. Damit sich Menschen mit anderen Ausgabemedien, die keine grafischen Browser verwenden, zurechtfinden.
Überschriften sollten mit H-Tags versehen sein. Listen mit ul/ol und li gestaltet werden.
Textabsätze sollten mit p-Tags realisiert werden und nicht mit br-Tag Anhäufungen.
Das p-Tag als Container zu verwenden ist auch keine tolle Idee. Wenn Blockelemente eingefügt werden sollen, wäre dies dann nicht mehr valid. Benutze lieber div-Tag.

@Damir, da ich das Layout nicht kenne, kann ich nun nicht sagen ob folgende Lösung für euch passend ist.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
html, body { width:100%; height:100%; }
body { margin:0px; }
</style>
</head>

<body>
<div style="height:100%; width:20%; float:left; background:#000;">Links</div>
<div style="height:100%; width:20%; float:right; background:#000;">Rechts</div>
<div style="height:100%; background:#FF0000;">Mitte</div>
</body>
</html>

Damir
18.12.2006, 11:06:14
@Andes

vielen Dank für den Code. Ich mache zwar nicht das Template für das Projekt aber ich gebe den Code mal so weiter - aber wie ich es auf den ersten Blick sehen konnte sieht es vielversprechend aus....

Danke!!!!

Damir