Hi .. ich hab am Wochenende so zwischendrin mal ein kleines "Projekt" gemacht ...

das is so wie das Spiel mit dem Blatt das man in 3 Teile faltet und der Erste nen Kopf, der Zweite nen Bauch und der Dritte die Beine zeichnet...

Wie gesagt .. war so ne fixe Idee und es scheint auch zu funktionieren...
Über das Design brauchen wir ja nicht zu Reden ;)

und falls jemand weiß wie das Spiel tatsächlich heisst - bitte melden !!!

http://knickmal.furx.de/


---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

url geht nicht...

---
Debian ruult...
KDE ruult...
Opera ruult...

hmm seltsam .. hatte vorhin von auswärts dasselbe problem .. aber jetz erreich ich's wieder ...
naja .. wenns nich geht dann habt ihr auch nix verpasst :D

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

So !!! ... ziemlich überarbeitet die Seite...

Design ist komplett "Frisch"

Wüsste gerne was ihr so davon haltet. (Funktion / Idee / Umsetzung / Haptik / Optik)

Die Url hat sich geändert - hab das im Eingangspost überarbeitet.

KnickMal

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

ich habs jetzt nicht lange angeschaut, aber was ist das?
in den faq steht nix, auf der startseite steht nix, nirgends steht auch nix..

was zum teufel ist das?
(nicht boes gemeint, aber das fehlt auf der seite..)

design find ich auch soweit ok.. (keine technische pruefung..bin zu muede jetzt..)

---
Debian ruult...
KDE ruult...
Opera ruult...

Du rühmst Dich auf der Site mit "Die Site ist jetzt tabellenfrei".

Dafür ist es jetzt eine schreckliche div-Suppe.

1. Tabellen sind nicht böse. Zur Darstellung tabellarischer Daten wird eine Tabelle verwendet! Nur zu Layoutzwecken missbraucht man Tabellen nicht.
2. Das Tag

hmmm... okay. Das hier noch div's verschachtelt sind ist richtig. Ich wollte mein Layout aber pixelgenau haben und hab nicht wirklich Wege gefunden das ohne diese "Suppe" zu realisieren.
Wenn du mir ein Beispiel geben könntest WO genau ich etwas falsch gemacht habe, wäre mir eventuell schon geholfen... ich bin ja lernfähig.

Nur zu Layoutzwecken missbraucht man Tabellen nicht.

Das hab ich ja auch vermieden, nur muss ich ja "irgendwas" verwenden um meine Elemente an die richtigen Plätze zu bekommen.
Also für Beispiele wo ich div's streichen oder verändern/ersetzen könnte wäre ich dankbar - möglichst mit verständlicher Erlärung warum.

ich habs jetzt nicht lange angeschaut, aber was ist das? in den faq steht nix, auf der startseite steht nix, nirgends steht auch nix.. was zum teufel ist das? (nicht boes gemeint, aber das fehlt auf der seite..)

Stimmt... wo du Recht hast, hast du Recht ... ich glaub ich bin (siehe Eingangspost) unfähig meinen Inhalt richtig zu beschreiben ...

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

Herr_Zatacke schrieb am 19.05.2005 13:55 Ich wollte mein Layout aber pixelgenau haben

Wer würde sowas haben wollen?
Damit lädt man sich bei einem variablen Medium doch nur Probleme auf, wie z.B. den horizontalen Scrollbalken in meinem Browser. Das Web ist kein Print-Medium!

Das hab ich ja auch vermieden, nur muss ich ja "irgendwas" verwenden um meine Elemente an die richtigen Plätze zu bekommen.

CSS, aber niemals Tabellen!

Also für Beispiele wo ich div's streichen oder verändern/ersetzen könnte wäre ich dankbar - möglichst mit verständlicher Erlärung warum.

Also darf am Ende wieder ich die Arbeit machen, und wenn ich das nicht mache bekomme ich eine hämische Antwort "Kann ja gar nicht so schlimm gewesen sein, mein Code!"
?

1. div.overall kann gestrichen werden. und durch ein h1 ersetzt werden. Es handelt sich bei dem Image doch um die Seitenüberschrift. Warum zeichnest Du es also nicht als Überschrift aus?

2. Deine Navigation im div.navi solltest Du aus Gründen der Semantik in eine Liste (

) umwandeln. So wie es jetzt ist, ist es eine undefinierte Aneinanderreihung von Worten. Die non-breakable Spaces müssen komplett raus, da sie weder Inhalt darstellen, noch für die Semantik zuständig sind. Abstände macht man in CSS mit margin oder padding. U.U. kann auch das div.navi selbst weg, die Hintergrundfarbe und die border oben und unten kannst Du ja genauso dem Listenelement geben.

3. div.imgheadline ist semantischer Unsinn. Es handelt sich hierbei um eine Überschrift, also zeichne sie als solche aus. Dass dieser ganze Block, in dem dann die Liste ist und dann noch die Images, noch etliche divs enthält ist auch Unfug. Ein div reicht, außen rum. In dem div kommt dann als erstes eine Überschrift, wahrscheinlich h2, dann kommt eine Liste (ul), dann kommen ein paar Bilder mit float:left und unten drunter ein Textabsatz mit

. Den Rahmen außen rum gibst Du dem alles umschließenden div (das ist eine klassische Anwendung für ein div!), die Trennlinien dazwischen den jeweiligen Elementen.

...
und so geht das weiter.
Alle   raus!
Alle
raus! (Zumindest da, wo mehr als eines davon ist, willst Du keine Zeilenumbrüche, sondern Abstände zwischen den Elementen, und die macht man mit CSS und margin)
sind meist genauso überflüssig wie

s und finden eigentlich nur dann Verwendung, wenn es kein anderes semantisches Mittel mehr gibt, um das Element zu kennzeichnen. Oft sehe ich in Deinem Code zwei aufeinanderfolgende öffnende , ob das so gewollt ist? Zumindest kann man das in ein span schreiben (oder ist das irgendein schlechter Code-Generator, der den Code erzeugt?).

Um nicht so da zu stehen, als könnte ich nur Sprüche klopfen, habe ich Dir jetzt 3 Ansätze gegeben. Die eigentliche Arbeit ist aber Deine Sache, dafür habe ich keine Zeit und dafür werde ich nicht bezahlt. Ein bisschen Eigeninitiative wäre jetzt angebracht. Wenn Fragen offen sind, kann ich die jedoch gerne beantworten!

Gruß,
-Efchen

Danke!! .. Genau solche Hinweise brauch ich ...!!!

Jetzt bin ich erstmal wieder für ne Woche bedient !!
Tut mir leid wenn ich eure Hilfe überbeanspruche, aber in diesem Forum wurde mir bis jetzt am besten geholfen !!!

Die zwei öffnenden spans kommen tatsächlich von einem kleinen bbcode-Parser den ich selbst geschrieben hab - ich glaub hier rechtfertigt der Aufwand nicht den Nutzen das zu ändern

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...

Nein, die spans machen ja nichts kaputt. Nur hat halt der Inhalt zwischen den Spans auch keinerlei semantische Bedeutung. Ich stell mir zu dem Zweck immer einen Vorlesebrowser vor, der den Text an der Stelle monoton weiterliest, ohne Pause oder sonstwas. Daran merkt man schnell, wenn die Semantik nicht stimmt.

Nein, Du überbeanspruchst mich nicht, jetzt zeigst Du ja Eigeninitiative, und das ist gut so. Dann warte ich auf Deine weiterführenden Fragen

Ich wüsste ja auch noch ein anderes Forum, in dem ich auch aktiv bin, wo Du Hilfe kriegen würdest, aber ich mag hier keine Schleichwerbung machen

Schönen Abend,
-Efchen

So ... Das wäre jetzt der nächste Versuch. Ich glaube jetzt hab ich die

kleinigkeiten also..


http://validator.w3.org/check?uri=http%3A%2F%2Fknickmal.furx.de%2F
gratuliere..

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fknickmal.furx.de%2F
weniger gut..

---
Debian ruult...
KDE ruult...
Opera ruult...

a-man schrieb am 18.05.2005 22:35 ich habs jetzt nicht lange angeschaut, aber was ist das? in den faq steht nix, auf der startseite steht nix, nirgends steht auch nix.. was zum teufel ist das? (nicht boes gemeint, aber das fehlt auf der seite..)

recht haste ... Hab das mal mit meinen tollen "technische Vorgänge beschreiben"-Künsten 'blumig umschrieben' ... uaaaah ...

Edit: Sollte dazu sagen, das es jetzt in der FAQ steht

---
wer and'ren eine bratwurst brät, der hat ein bratwurstbratgerät...