Ergebnis 1 bis 9 von 9

Thema: Zeilendurchschuss verringern

  1. #1
    Contao-Nutzer
    Registriert seit
    01.02.2018.
    Beiträge
    2

    Standard Zeilendurchschuss verringern

    Liebe Community,

    ich bin Anfänger in Contao und auf die Gefahr hin mich jetzt lächerlich zu machen, muss ich doch diese Frage stellen... ;-)
    Egal in welchen Modulen oder Textbausteinen, der Zeilendurchschuss erscheint mir im Contao immer viel zu groß. (Siehe Beispiel Screenshot).
    Leider habe ich bis jetzt nicht herausgefunden, wo ich diesen anpassen/verringern könnten. Ist das irgendwie möglich?

    Liebe Grüße und danke für eventuelle Lösungen.
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Vienna, Austria
    Beiträge
    16.075
    User beschenken
    Wunschliste

    Standard

    Das hat etwas mit CSS zu tun, nichts mit Contao. Die CSS Eigenschaft heißt "line-height".

  3. #3
    Community-Moderator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    11.571
    User beschenken
    Wunschliste

    Standard

    Ein Link zur Website wäre bei solchen Problemen hilfreich.
    Gruß, xchs
    Contao Community-Moderator
    → Unterstützungsmöglichkeiten

  4. #4
    Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    3.266
    Partner-ID
    7421

    Standard

    Wahrscheinlich setzt Du ein fertiges Theme ein oder es hat Dir einer ein individuelles Theme erstellt. Dort wurde die Zeilenhöhe dann so festgelegt, wie @Spooky schon erwähnte mit CSS.

    Da Du von Zeilendurchuss sprichst, vermute ich Du kommst eher aus der Print-Ecke. Insgesamt geht der Trend im Web eher zu größerer Schrift und höherem Zeilenabstand. Ob das jetzt in dem von Dir gezeigten Screenshot etwas viel ist, liegt natürlich zum Einen im Auge des Betrachters, ist aber auch abhängig davon bei welcher Bildschirmgröße dieser Screenshot entstanden ist. Idealerweise sollten Schriftgrösse und Zeilenabstand mit der Bildschirmgröße korrespondieren. Gibt da relativ viel im Web zu diesem Thema. Vor kurzem bin ich zum Beispiel über diesen recht akuellen Beitrag gestolpert http://www.komdes.ch/news/typografie...en-praxis.html
    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
    Immer dran denken: Contao-Check zum Testen der Servervoraussetzungen (Contao 2, Contao 3 und Contao 4) und zum Prüfen einer bestehenden Installation (bis Contao 3.5)

  5. #5
    Contao-Nutzer
    Registriert seit
    01.02.2018.
    Beiträge
    2

    Standard Danke für die Antworten

    Stimmt, ich bin eigentlich kein Web-Mensch und ziemlich planlos wenn es um CSS geht. ;-)
    Ja, ist ein fertiges Theme und ich nehme mal an, es hat auch Gründe warum das so erstellt wurde. Den Beitrag werde ich mir auf jeden Fall mal durchlesen.
    Vielleicht suche ich mir dann doch besser einen Fachmann vor Ort oder lasse den Zeilendurchschuss einfach so wie er ist. lol

    Liebe Grüße und nochmals danke.

  6. #6
    Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    3.266
    Partner-ID
    7421

    Standard

    Je nach dem was das für ein Theme ist bzw. wie gut es erstellt wurde kann das eine absolute Kleinigkeit sein. Da wird man Dir hier im Forum sicher auf die Sprünge helfen können, wenn man einen Link zu Seite hat.
    Kannst Dich dazu aber auch gern über PN bei mir melden.
    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
    Immer dran denken: Contao-Check zum Testen der Servervoraussetzungen (Contao 2, Contao 3 und Contao 4) und zum Prüfen einer bestehenden Installation (bis Contao 3.5)

  7. #7
    Contao-Fan Avatar von Net Cube
    Registriert seit
    27.01.2012.
    Ort
    Eutin
    Beiträge
    343

    Standard Antwort wurde doch schon gegeben

    Die Anwort wurde doch hier schon gegeben.

    Im CSS line-height festlegen.

    Evtl. wird es in deinem Fall nur das p sein.

    p {line-height:100%;}
    Einfach die 100% erhöhen oder veringern.

    geht auch in px, em, rem

  8. #8
    Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    3.266
    Partner-ID
    7421

    Standard

    Zitat Zitat von Net Cube Beitrag anzeigen
    Die Anwort wurde doch hier schon gegeben.

    Im CSS line-height festlegen.

    Evtl. wird es in deinem Fall nur das p sein.
    Muss ja nicht nur "global" gemacht worden sein. Dann kann es für jemanden der kaum css Kennisse hat schon etwas problematischer sein.
    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
    Immer dran denken: Contao-Check zum Testen der Servervoraussetzungen (Contao 2, Contao 3 und Contao 4) und zum Prüfen einer bestehenden Installation (bis Contao 3.5)

  9. #9
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.495
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von Net Cube Beitrag anzeigen
    p {line-height:100%;}
    Einfach die 100% erhöhen oder veringern.

    geht auch in px, em, rem
    line-height wird üblicherweise ohne Einheit angegeben. Z.B. line-height: 1.4;. Ich hatte schon Fälle, wo die Einheit "%" zu ungeahnten Fehlern führte. px und rem verwendet man im Allgemeinen auch nicht, da sich der Zeilenabstand an der Schriftgröße orientieren muss. px oder rem (also statische Werte) benutzt man eigentlich nur in besonderen Situationen bei besonderen Elementen wie z.B. Buttons oder den Navigationspunkten und dann oft im Zusammenhang mit white-space: nowrap; (Zeilenumbruch verboten). Bleibt also noch das em, welches die gleiche Eigenschaft besitzt, wie wenn man keine Einheit angibt. Es wird empfohlen keine Einheit anzugeben. Siehe z.B. auch hier https://developer.mozilla.org/de/doc...-height_values
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •