+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Will die Höhe des Textes nach Umbruch verkleinern

  1. #1
    carel
    Gast

    Standard Will die Höhe des Textes nach Umbruch verkleinern

    also bei normalem Textabstand wähle ich line-height, aber wie beeinflusse ich den Abstand nach <p> oder <br /> ?
    also
    nach
    so
    einem
    Umbruch?

    lg
    Carel

  2. #2
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.840
    Bedankte sich
    356
    Erhielt 1.405 Danksagungen
    in 1.286 Beiträgen

    Standard

    Da verwechselst du was.
    Paragrafen kannst du definieren, z.b.
    p { margin-top: 20px;
    line-height: 2em; } oder sonstwie.

    Aber linebreak ist eine Aktion, der kannst du kein css-Attribut zuweisen.
    Gruß, oldlady
    Grüße, Christiane
    Joomla braucht dich!

  3. #3
    Hat hier eine Zweitwohnung Avatar von Lappsack
    Registriert seit
    10.10.2004
    Ort
    Chemnitz
    Beiträge
    1.170
    Bedankte sich
    13
    Erhielt 188 Danksagungen
    in 182 Beiträgen

    Cool heir deine Antwort

    na sicher geht das...
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
        "http://www.w3.org/TR/html4/strict.dtd"> 
    <html> 
      <head> 
        <title>Bespiel für Zeilenhöhe</title>
      <style type="text/css"> 
        .zahl {line-height: 1.5;}
        .prozent {line-height: 150%;}
        .em {line-height: 1.5em;}
      </style> 
      </head> 
      <body> 
        <p class="zahl">Ein Absatz mit einer Zeilenhöhe von 1.5.</p>
    
        <p class="prozent">Ein Absatz mit einer Zeilenhöhe von 150%.</p>
        <p class="em">Ein Absatz mit einer Zeilenhöhe von 1.5em. </p>
      </body> 
    </html>
    Quelle ist hier.
    Es grüsst dich herzlich

    The Lappsack
    ----------------------------------------------------------------------------
    Wer Rechschreibefehler findet, darf Sie wie immer behalten
    http://www.lappsack.de

  4. #4
    carel
    Gast

    Standard

    Ok Danke.

    Aber kann ich das global zuweisen, für den Content, Bsp,

    content p {
    ???????
    }

    weil so muss ich ja bei dem Text laufend manuell ne class zuweisen...oder blicke ichs nicht?

  5. #5
    Wohnt hier Avatar von oldlady
    Registriert seit
    17.09.2008
    Ort
    München
    Beiträge
    4.840
    Bedankte sich
    356
    Erhielt 1.405 Danksagungen
    in 1.286 Beiträgen

    Standard

    Ja, richtig. Je nachdem wie der content-Bereich in deinem template heisst (mit firebug oder im Seitenquelltext ermitteln)

    #contentbereich p { line-height: ...; ] das gilt dann für alle Texte.

    Allerdings kanst du es eben auch variieren. Wenn dz z.b. einen bestimmten content hast, in dem der Zeilenabstand größer sein soll, dann hast du immer noch die Möglichkeit, eine extra Klasse zu definieren, wie Lappsack schreibt.
    Grüße, Christiane
    Joomla braucht dich!

  6. Erhielt Danksagungen von:


  7. #6
    Kommt häufiger vorbei
    Registriert seit
    08.04.2010
    Beiträge
    364
    Bedankte sich
    14
    Erhielt 70 Danksagungen
    in 54 Beiträgen

    Standard

    Richtig global für den ganzen Webauftritt, schreibst du einfach nur:

    p {

    line-height: 150%;
    ...

    }
    Cheers
    Geändert von KAISERslin (28.06.2010 um 09:13 Uhr)

  8. #7
    War schon öfter hier
    Registriert seit
    03.07.2007
    Ort
    Möhnesee
    Alter
    36
    Beiträge
    238
    Bedankte sich
    49
    Erhielt 53 Danksagungen
    in 33 Beiträgen

    Standard das Simikolon fehlt

    p {

    line-height: 150%
    ...

    }
    Hallo KAISERslin,

    da fehlte ein Simikolon. Richtig ist:

    Code:
    p {
    
    line-height: 150%;
    ...
    
    }
    Gruß
    Markus
    Aktuelle Datei des Sicherheitsleitfadens hier im ersten Post des Threads: [HIER]

    Wenn man Anderen hilft, kann man selbst eine Menge lernen.

  9. Erhielt Danksagungen von:


  10. #8
    Kommt häufiger vorbei
    Registriert seit
    08.04.2010
    Beiträge
    364
    Bedankte sich
    14
    Erhielt 70 Danksagungen
    in 54 Beiträgen

    Standard

    Hey,

    whoops :P Stimmt. Danke

  11. #9
    carel
    Gast

    Standard

    jipp für <p> line-height funzt is klar, soweit weiß ich wie es geht..

    aber ich will den br, also wenn ich die returntaste betätige, dann ist mir der Abstand zu groß.

    habs mit
    content br {
    padding
    oder line-height versucht
    }
    funzt nicht

  12. #10
    Kommt häufiger vorbei
    Registriert seit
    08.04.2010
    Beiträge
    364
    Bedankte sich
    14
    Erhielt 70 Danksagungen
    in 54 Beiträgen

    Standard

    ja - <br /> kann man nicht ansprechen.

    Könntest aber einfach eine allgemeine Klasse 'br' definieren.
    Dann kannst du immer wieder drauf zurückgreifen.
    Wäre das sinnvollste glaube ich.

    _______________________________________________

    .br {
    padding-bottom:20px;
    }

    <p class="br">Text mit einer allgemeinen Klasse 'br'</p>
    <p>Anderer Text ohne Klasse</p>
    _______________________________________________
    Cheers

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

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