[RalphS]

Kann halt passieren, wenn ein Wort breiter als die Spalte wird.

text-align: justify ist sicherlich nicht verkehrt, aber man kriegt halt grad bei Spaltentext und größerer Abweichung bei den Wortlängen unter Umständen ein etwas komisch aussehendes Design heraus und da ist es dann auch irgendwann egal, ob das justify über Zeichenabstand oder über eingefügte Leerzeichen erreicht wird.

Aber, wie gesagt. Das war wirklich nur so ein Nebenbei.

[Stefan_der_held]

Heya Danke erstmal für die vielen Anregungen
@Timmy: Die Idee ist gut gefällt mich sogar. Wäre auch verhältnismäßig wenig bis garnichts was da CSS-seitig umgearbweitet werden muss.

@Ralph: Japp stimmt... ist recht schmal wie "weit" kann ich denn heute im Schnitt gehen? 1380 (15.6er Geräte)? Wollte halt dafür sorgen, dass die eigentliche Seite - also der Content nicht auf den verschiedenen möglichen Displaygrößen unterschiedlich wirkt. Also habe ich da 1024px.

@Timmy/Ralph: Ich gedenke die Seite gänzlich auf einem anderen Hoster umzuziehen bei dem ich nicht über ein SSL-Verteiler gehe sondern mein eigenes Zertifikat habe. Ist soweit in Planung. Danke nochmal für den Hinweis.

@Ralph: Vormals war es Verdana... nun Arial. Beeindrucken tut mich da nichts besonders. Ist halt auf allen mir bekannten Geräten vorhanden und die Seite wird vernünftig dargestellt (oder habe ich da noch Calibri? ne.. denke ich nicht... im aktuellen CSS nur Arial).

Der Trennstrich ist mir ebenso beim Überarbeiten aufgefallen. Habe halt ohne Textfluss-Option gearbeitet und da mal was trennen müssen. Ist natürlich ungünstig hinterlegt.

@holger:

text-align: justify

habe ich beim ursprünglichen Entwerfen angedacht... nur habe ich "damals" an zig Stellen erlesen, dass das gerne unschöne Brüche verursacht. Nagut: DAS war 2009 da hat sich mittlerweile auch wieder viel getan.

[RalphS]

Da hab ich mich mal wieder blöd ausgedrückt. Die Frage re: der Schriftart war eigentlich an Timmy gerichtet, denn der hatte das ja so angemerkt.

Aber, ja, klar; das Ziel muß die Schriftart mitbringen. Weswegen es immer eine gute Idee ist, noch Alternativen anzugeben. Oder herunterladbare Schriftarten zu verwenden... aber, mit den Teilen hab ich faktisch null Erfahrung.

Nicht daß es wen besonders interessieren müßte, aber mir persönlich liegen serifenlose Schriftarten persönlich eher. Mit Serifen wirkt schnell verspielt, finde ich. Ausname: Times Roman, aber auch das würde ich bevorzugt für Betonungen verwenden (also italics); bei sowas sind serifenlose Schriften wieder im Nachteil, weil man "kursiv" kaum von "regular" unterscheiden kann.

---

Was Angaben aller Art zum Layout angeht: Finger weg von absoluten Größen. Dringend.

Relative Größen, bitte. Für Schriften wäre das zB em oder pt oder symbolische Größen wie "larger", "large", "x-large" oder "smaller", "small" und "x-small". Für Elementhöhen und -breiten dann Prozentangaben.

Einfach deswegen, weil px *zu* genau ist und auf 100dpi anders aussieht als auf 200dpi und auf 1280x720 wieder anders als auf 1920x1080... und so weiter. Von xK-Auflösungen reden wir da noch gar nicht.

Mit dem Ergebnis, daß dann zB Deine Website, welche - sagen wir -- für VGA-Auflösung gebastelt wurde, auf einem 4K-Monitor wie ein Punkt in der Landschaft aussieht.

[TheGreatTimmy]

Keine Ahnung, warum ich das extra so erwähnt hatte. Ich dachte, ich hätte gelesen, dass sich jemand über die Schriftart aufgeregt hat. Um die Uhrzeit war ich wohl noch im Halbschlaf

[RalphS]

Auweia... nach dem kritischen Post den ich da verzapft hatte fühl ich mich da gleich mit für verantwortlich.

Aber, nein. Bestenfalls hätt ich mich über die Schriftweite oder die Schriftgröße aufgeregt und die Schriftweite hätte man per CSS anpassen müssen (und ich hätte gefragt: Wozu?).

[Stefan_der_held]

Zitat (Holger_N: 08. Juli 2015 - 12:52)

Bei einem Spaltendesign in dieser Form, würde ich für den Fließtext den Blocksatz nehmen.

text-align : justify;

Dann gibts keine Trennstrichsorgen und sieht immer gleich gut aus.

Was ich nicht so ganz verstehe: Verwende ich das habe ich zwischen diversen Wörtern brachial-große Leerräume:



Ist allerdings nur in den Bereichen die ich selbst geschrieben habe. Im Impressum hingegen (Generator) alles wie es soll

[Q 1]

Das ist eben jetzt "Blocksatz". Leider hat der nicht das "schnellst- möglich" in der rechten Spalte korrigiert - und der Satz "ganz egal ob bei Ihnen ein Windows, eine der vielen Linux-Distributionen oder gar ein unixoides System wie Apples OSX das Richtige für Sie ist" könnte auch auf sinnvoll umgestrickt werden.

Gruß, Q 1

[Stefan_der_held]

Ja aber woher kommen diese Freiräume bspw unter "Frei nach dem Motto "der Weg ist das Ziel" wird[GROSSER FREIRAUM]diese[GROSSER FREIRAUM]Projektseite[GROSSER FREIRAUM]fortlaufend weitergeführt"?

Würde das ja gerne irgendwie steuern

[Holger_N]

Die Freiräume kommen, weil das nächste Wort nicht mehr reingepasst hätte, in die nächste Zeile rutscht und die Zeilen dann alle mittels Leerraumvergrößerung auf die gleiche Gesamtbreite gebracht werden. Zum einen würde ich da die Lücken zwischen den Spalten etwas größer machen, Die Schrift nicht so fett, vielleicht auch ein bißchen kleiner (der Fließtext sieht sehr wuchtig aus) und dann das Ganze mit den weiter vorn schon angesprochenen »Trennstrichen bei Bedarf« kombinieren.

Ansonsten finde ich das jetzt aber schon ansehnlicher, als einen linksbündigen Flattersatz in den Spalten.

[Stefan_der_held]

gibt es denn mittlerweile eine Funktion die evtl. Silbentrennung beherrscht? Das würde doch schon einige Arbeit erleichtern :unsue:

[Holger_N]

jo mit CSS3 wurde das in Angriff genommen

   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 

sollte das funktionieren, nur Chrome schwächelt noch ein bißchen. Und die Sprache muß angegeben werden, also

<html lang="de">

Dieser Beitrag wurde von Holger_N bearbeitet: 09. Juli 2015 - 20:45

[RalphS]

Und das taugt was? Wär da ja skeptisch, was so Automatismen angeht... Skeptiker der ich nun mal bin.

Spargel, der. Und so.

[Stefan_der_held]

Zitat (RalphS: 09. Juli 2015 - 20:51)

Spargel, der. Und so.

Och... wenn aus "Spargel" "Spar-Gel" wird?

Na bei mir hapert es da etwas am HTML5/CSS3...

Mal schauen... in der nächsten Revision der Seite

Dieser Beitrag wurde von Stefan_der_held bearbeitet: 09. Juli 2015 - 20:55

[Holger_N]

Wenn es ein paar Wörter gibt, wo sich die Trennung ungünstig auswirkt, dann müssen die Wörter aber auch erstmal im Text vorkommen und dann auch noch ganz zufällig an einer Stelle im Text, am Ende der Zeile sein, die dann auch an der ungünstigen Stelle im Wort getrennt werden muß. Das wäre mir das Risiko wert.

[Stefan_der_held]

So... langsam wirds was....

Entwicklungsstand:

http://s-geschwind.de/bastelstube/

derzeitige Version:

http://s-geschwind.de/

Dachte das Orange macht sich gut für die Überschriften um den Fokus schneller zu finden beim lesen.

Nur eine Sache frage ich mich: Den Content habe ich "seiner Zeit" auf 1024px gesetzt um eine zentrierte Darstellung zu erreichen.... wie wäre denn eine Möglichkeit das mittels prozentualen Angaben zu lösen?