Ankündigung

Einklappen
Keine Ankündigung bisher.

Textausrichtung und Blocksatz

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Textausrichtung und Blocksatz

    Linksbündig, rechtsbündig, zentriert und Blocksatz. Sowie im Druck bietet auch das Web die Möglichkeit Absätze gestalten und auszurichten. Aber warum kann man dort große Fehler machen und gibt es auch Lösungsansätze?

    Um eine Webseite zu gestalten nutzen wir oft die Möglichkeit Texte auszurichten und dabei gibt es im grundelegende vier Möglichkeiten Texte auszurichten. Entweder linksbündig, rechtsbündig, zentriert oder als Blocksatz. Im meinen Beitrag geht es nur um den Blocksatz, welche Fehler man mit diesem machen kann und welche Möglichkeiten es gibt, um die Fehler auszugleichen.

    Was ist eigentlich ein Blocksatz und wie arbeitet er?

    Bei dem Blocksatz wird der Text so ausgerichtet, dass der Textrand bis zur Begrenzungsrahmen oder Bildschirmgröße passt. Dabei werden längere Wörter in die nächste Zeile geschoben. Zusätzlich wird der Wortabstand der Zeile passend angepasst, sodass ein Abschnitt des Absatzes in die Zeile passt, danach wird umgebrochen in ganzen Wörtern.

    Hilfe und Problem zugleich

    Dies ist leider auch der Nachteil zugleich. Textlücken werden in unterschiedlichen Größen dargestellt und sind etwas sehr klein und in der nächsten Zeile sehr groß. Dies sieht nicht nur unschön aus, sondern verhindert den Lesefluss. Eine Möglichkeit wäre es auf Blocksatz zu verzichten. Was von den meisten von uns übersehen wird, kann sich Nachteilig auf die Besucher/Leserschaft der Webseite auswirken. Besonders bei Seiten mit ausreichenem Text ist dieser Effekt zu bemerken.

    Ein großer Lösungsansatz ist: Hyphens

    Sollten wir wegen oben genannten Problemen auf Blocksatz verzichten? Die Antwort lautet: Nein! Es gibt eine Lösung um gleichmäßige Abstände der Wörter zu generieren ohne auf Blocksatz zu verzichten. Die Lösung heisst Hyphens - zu deutsch: Silbentrennung. Dabei wird die Silbentrennung angewand, wobei zu lange Wörter getrennt und damit können die gleichmäßigen Abstände der Wörter gewährleistet werden. Mithilfe der CSS-Eigenschaft hyphens, ist dies umzusetzen. Dabei verwenden alle großen Browser ein Wörterbuch, wo ein Großteil auf unserem Wortschatz gespeichert werden. Besonders sichtbar ist es mit den Browsern Google Chrome, Mozilla Firefox und Microsoft Internet Explorer/Edge. Aber aufgepasst nicht jede Sprache wird genauso gut unterstützt wie Englisch, Französisch oder Deutsch. Im Großen und ganzem lässt sich damit aber sehr gut arbeiten.

    Technische Umsetzung der Silbentrennung

    Für die Silbentrennung wird die CSS Eigenschaft Hyphens verwendet - hier ein Beispiel:

    Code:
    .absatz-block {
    text-align: justify;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    }
    Weitere Informationen über Silbentrennung im Web

    https://www.mediaevent.de/css3-silbentrennung-hyphens/
    https://developer.mozilla.org/de/docs/Web/CSS/hyphens
    https://css-tricks.com/almanac/properties/h/hyphenate/ [Englisch]
    https://wiki.selfhtml.org/wiki/CSS/E...chtung/hyphens


    Gruß

    Euer Localfu
    Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
    Albert Einstein

homepage-forum.de - Hilfe für Webmaster! Statistiken

Einklappen

Themen: 56.438   Beiträge: 428.351   Mitglieder: 27.841   Aktive Mitglieder: 70
Willkommen an unser neuestes Mitglied, helmchen.

Online-Benutzer

Einklappen

708 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 704.

Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

Die neuesten Themen

Einklappen

  • helmchen
    Antwort auf Googleplatzierung
    Hallo Haris!
    Ich empfehle Dir auch das von einem Profi machen zu lassen auch wenn es Geld kostet. Selbst wenn Du Dich da belesen solltest, gibt es viele Tricks die nicht unbedingt niedergeschrieben sind, gute SEO Agenturen jedoch kennen. Hinzu kommt, dass die Optimierung keine einmaliege Angelegenheit...
    Heute, 10:51
  • helmchen
    Antwort auf schöne Musik
    Hallo fragola!
    Bei mir ist es eine Frage der Uhrzeit. Tagsüber höre ich lieber aktuelle Sachen, am Abend Musik der 80er.
    LG helmchen
    Heute, 10:37
  • helmchen
    Antwort auf Fliesen im Wohnzimmer
    Hallo justme!
    Was habt Ihr jetzt als Bodenbelag und was hat der Boden für einen Unterbau? Ein paar mehr Informationen wären nicht schlecht.
    LG helmchen
    Heute, 10:27
  • helmchen
    Antwort auf Wer hat Erfahrung mit Heimkino?
    Hallo Rauch17.
    Ich persönlich bevorzuge die Firma yamaha. Die haben aktuell die beiden Systeme YHT-4950-EU und YHT-2950-EU. Schau mal auf deren Webseite. Wenn du ein HIFI-Studio in der nähe hast, lohnt ein gang dahin.
    LG helmchen
    Heute, 10:23
  • Atlan
    Antwort auf smooth scrolling
    Sorry, Testie, suche 1) alles in einem, also anker scrooling und scroll to top button
    2) ABER nicht in Jquery. Wie oben schon den quode geschrieben.
    Danke...
    Heute, 06:25
SimpleSite

Die neuesten Beiträge

Einklappen

  • Haris
    Googleplatzierung
    Hallo,

    ich habe einen Onlineshop, der aktuell etwas schwächelt. Auf https://www.urv-online.de/index.php/...rbeagentur.php habe ich gelesen, dass es sinnvoll sein kann, wenn man die Seite optimieren lässt. Nun ist meine Frage, ob man das selbst machen kann,...
    22.05.2019, 00:58
  • helmchen
    Antwort auf Googleplatzierung
    Hallo Haris!
    Ich empfehle Dir auch das von einem Profi machen zu lassen auch wenn es Geld kostet. Selbst wenn Du Dich da belesen solltest, gibt es viele Tricks die nicht unbedingt niedergeschrieben sind, gute SEO Agenturen jedoch kennen. Hinzu kommt, dass die Optimierung keine einmaliege Angelegenheit...
    Heute, 10:51
  • fragola
    schöne Musik
    Hallo zusammen,
    welche Musik findet ihr am schönsten? Habt ihr Lieblingslieder?
    11.06.2019, 15:58
  • helmchen
    Antwort auf schöne Musik
    Hallo fragola!
    Bei mir ist es eine Frage der Uhrzeit. Tagsüber höre ich lieber aktuelle Sachen, am Abend Musik der 80er.
    LG helmchen
    Heute, 10:37
  • helmchen
    Antwort auf Fliesen im Wohnzimmer
    Hallo justme!
    Was habt Ihr jetzt als Bodenbelag und was hat der Boden für einen Unterbau? Ein paar mehr Informationen wären nicht schlecht.
    LG helmchen
    Heute, 10:27
  • helmchen
    Antwort auf Wer hat Erfahrung mit Heimkino?
    Hallo Rauch17.
    Ich persönlich bevorzuge die Firma yamaha. Die haben aktuell die beiden Systeme YHT-4950-EU und YHT-2950-EU. Schau mal auf deren Webseite. Wenn du ein HIFI-Studio in der nähe hast, lohnt ein gang dahin.
    LG helmchen
    Heute, 10:23
  • Atlan
    smooth scrolling
    Freunde, brauche eine Rat oder Tipp.
    Folgendes:
    dieser JS code bringt mir ein smooth scrolling für die one-page, von rechts unten zum "top".
    (Also normales crolling für eine Seite)
    ( OK es ist JQuery, dient nur als Beispiel zum Testen)

    (function($) {...
    17.06.2019, 09:34
  • Atlan
    Antwort auf smooth scrolling
    Sorry, Testie, suche 1) alles in einem, also anker scrooling und scroll to top button
    2) ABER nicht in Jquery. Wie oben schon den quode geschrieben.
    Danke...
    Heute, 06:25
  • Testie
    Antwort auf smooth scrolling
    Du findest sowas nicht? Gibts doch massig im Netz. Such doch mal nach scroll Button top jquery
    Gestern, 20:09
  • Sullaysur
    Fehler beim Updaten von Daten in der Datenbank
    Hallo Forum,

    ich arbeite an meinen Benutzer Einstellungen, welche man dann ändern kann.
    Nun habe ich auch ein Script dafür, welches noch einen Fehler [error=sqlerror2] enthält.
    Zudem wollte ich mal frage wie ihr so etwas handhaben würdet, weil momentan muss ich ja noch alle...
    17.06.2019, 19:10
Lädt...
X