Schriftgrösse und Blocksatz mit CSS

Hallo,

ich habe in der style.css versucht die Schriftgröss auf 14px zusetzen und
Blocksatz.
Genau so habe ich das gemacht, hat aber nichts gebracht:

body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
font-size: 14px;
margin:0;
padding:0;
text-align:justify;
}

Könnt Ihr mir bitte sagen wie ich das hinbekomme.
Wenn ich Artikel schreibe, möchte ich, dass automatisch Blocksatz ist
und Schriftgrösse auf 14px.

Vielen Dank für Eure,

Hilfe

Zitat von infected

Die Angaben wirst Du mit Sicherheit in einer Klasse .entry oder .post (oder so etwas in der Art) machen müssen. Mit nem Link zu Deiner Seite kann man Dir auch genauer sagen, wo die Änderungen gemacht werden müssen

Vielen Dank,

der Link ist: http://bauch-weg-fettverbrennung.de/

Gruss,
Joerg

Zitat von koslowski

Hi,

Blocksatz für Websites? Das ist nicht dein Ernst, oder? :roll:

Dadurch wird der Text viel schlechter lesbar. Darum wird bei Websites i.d.R. auf Blocksatz verzichtet.

Warum stellst du die Schriftgröße erst auf 76% und dann auf 14px.
Nimm doch gleich 85%. :wink:

Hallo,

doch ist mein Ernst. Ich persönlich finde das besser lesbar und habe es auch schon massenhaft auf anderen Sites gesehen.

Vielen Dank für Deinen Tipp mit 85%.
Ich sehen aber keine Veränderung der Schrifgrösse wenn ich mir das
in der Vorschau eines Artikels ansehe.

Schönen Gruss,

Jörg

Zitat von koslowski

ich habe mir die Site jetzt mal angeschaut.
Abgesehen davon das die Zeilenlaufweite bei meinem Bildschirm (26er) gegen unendlich geht und man dadurch schon ab Mitte der ersten Zeile keine Lust mehr hat weiterzulesen wird das Ganze durch diesen Blocksatz noch verschärft.

Normal begrenzt man die Breite einer Seite.

Du hast durch die Site über den ganzen Viewport und den Blocksatz letzlich ein optisch schönes Bild hingestellt. Das wars aber auch schon.
Die Usability deiner Site ist für Besucher einfach schlecht. Die wollen Infos lesen und kein schönes Bild anschauen. ;-)

Komisch, per Firebug hatte ich kein Problem die Schriftgröße deiner Site zu verändern.
An deiner Stelle würde ich erst mal diese Inline-Styles entfernen. Sowas ist eigentlich ein Nogo.
Und deine Textgröße von 14px würde ich auch nicht definieren. Wozu auch, du hast doch schon die Schriftgröße in body angepaßt.

Vielen Dank für Deinen Kommentar.

Wenn ich das richtig verstehe mit der Zeilenlaufweite heisst dass, das Leute mit nem kleinerem Bildschirm nach rechts scrollen müssen, um eine Zeile zu Ende zu lesen? Wo und wie kann ich die Zeilenbreite begrenzen und welchen Wert würdest Du vorschlagen?

Wie meinst Du dass mit "Du hast durch die Site über den ganzen Viewport und den Blocksatz letzlich ein optisch schönes Bild hingestellt."

Was ist ein Viewport? (Kenn mich noch nicht so aus mit den Fachbegriffen)

Vielen Dank für Deine Mühe.

Gruss,

Jörg

Danke,

Jörg

Zitat von infected

Suche in der style.css des Themes nach folgender Stelle und füge die blauen Zeilen hinzu:

Code

#content, #contentalt {
color:#2A2A2A;[COLOR=Blue]
font-size:14px;
text-align:justify;[/COLOR]
}

Vielen Dank für den Tipp,

Gruß,

Jörg

Zitat von koslowski

Der Viewport ist der sichtbare Teil der Website im Browserfenster.

Bei Agenturen und Webdesignern hat sich eine Breite von 950px für das komplette Layout durchgesetzt, d.h. für Inhaltsbereich, sidebar, etc..
Ein Textcontainer sollte nicht breiter als 500px sein.
Prozentbreiten sind da nicht unproblematisch. Pixelbreiten für dein Layout sind kein Problem mehr, weil alle wichtigen Browser den Zoom mittlerweile können.

Zeilenlaufweite ist die Breite einer jeden Zeile. Je größer die Zeilenlaufweite desto größer sind auch die Augenbewegungen von links nach rechts und das wird deshalb immer anstrengender.

Zeitungen haben z.B. durch die vielen Spalten eine ganz kurze Zeilenlaufweite. So kann man den Inhalt schneller und müheloser erfassen.

Eine Website soll nicht nur gut ausschauen, der Besucher sollte die Infos auch mühelos erlangen und sich gut zurechtfinden können.
Gestaltet sich das Lesen der Infos mühevoll ist der Besucher ganz schnell wieder weg, egal wie toll die Website ausschaut.

Beobachte mal dein eigenes Verhalten, wenn du Websites besuchst. ;)

Alles anzeigen

Vielen Dank Koslowski für Deine ausführliche Antwort.
Da habe ich wieder was dazugelernt.

Kannst Du mir bitte sagen ob und wie ich diese Werte bei meinem Blog anpassen kann?

Besten Dank,

Jörg

Zitat von koslowski

Der Viewport ist der sichtbare Teil der Website im Browserfenster.

Bei Agenturen und Webdesignern hat sich eine Breite von 950px für das komplette Layout durchgesetzt, d.h. für Inhaltsbereich, sidebar, etc..
Ein Textcontainer sollte nicht breiter als 500px sein.
Prozentbreiten sind da nicht unproblematisch. Pixelbreiten für dein Layout sind kein Problem mehr, weil alle wichtigen Browser den Zoom mittlerweile können.

Zeilenlaufweite ist die Breite einer jeden Zeile. Je größer die Zeilenlaufweite desto größer sind auch die Augenbewegungen von links nach rechts und das wird deshalb immer anstrengender.

Zeitungen haben z.B. durch die vielen Spalten eine ganz kurze Zeilenlaufweite. So kann man den Inhalt schneller und müheloser erfassen.

Eine Website soll nicht nur gut ausschauen, der Besucher sollte die Infos auch mühelos erlangen und sich gut zurechtfinden können.
Gestaltet sich das Lesen der Infos mühevoll ist der Besucher ganz schnell wieder weg, egal wie toll die Website ausschaut.

Beobachte mal dein eigenes Verhalten, wenn du Websites besuchst. ;)

Alles anzeigen

Hallo Koslowski,

vielen Dank für Deine Tipps welch ich auch gleich umgesetzt habe.

Wie findest Du das Ganze jetz?

Für weitere Anregungen bin ich dankbar.

Gruss,

Jörg

Zitat von infected

Nein, da ich mein Browserfenster nicht maximiert habe und sich Dein Content dynamischer der Breite des Fensters anpasst. Ergo ist die Contentspalte bei mir auch nicht so breit.

Hier vielleicht noch ein für Dich interessanter Hinweis zum Thema Blocksatz: http://jendryschik.de/wsdev/einfuehrung/eigenschaften/text -> Probleme mit Blocksatz

Besten Dank,

bin jetzt aber ein bißchen verwirrt. Ich habe die Seite nach Koslowskis Vorschlägen angepasst, wie findest Du das?
Hätte ich, wenn ich Dich richtig verstehe, gar nicht machen müssen,
das sich das Layout dynamisch anpasst, oder?

Aber warum hatte dann Koslowski Schwierigkeiten bei der Betrachtung.

Was würdest Du vorschlagen ändern oder so belassen wie bisher?

Vielen Dank für Deinen Rat.

Gruss,

Jörg

Zitat von infected

So wie es heute morgen war, passte es sich dynamisch der Breite des Browserfensters an. Jetzt hast Du die Breite begrenzt, so wie es Koslowski vorgeschlagen hatte. Bei der dynamischen Einstellung, sieht die Website je nach Auflösung des Bildschirms unterschiedlich aus. Ergo ist auch die Zeilenlänge des Contents bei den jeweiligen Auflösungen verschieden. Hast Du nen 24 Zoll Widescreen Monitor, hast du eine unmögliche Zeilenlänge, die ein vernünftiges Lesen wirklich fast unmöglich macht.

Wahrscheinlich aus gerade genannten Gründen.

So wie es aktuell ist belassen, also mit der festen Breite.

Besten Dank,

habe den Blocksatz entfernt nachdem ich dem Link gefolgt bin und die Infos über die Schwierigkeiten mit Blocksatz gelesen habe.

Schönen Tag noch,

Jörg

P.S. Ohne Euch würde ich echt alt aussehen. Super Forum, super Leute,super Unterstützung und schnell noch dazu.
Da kann sich jede Support-Hotline für 1,98/Min. was abgucken.