Verschiedene line-heights @ tutorials.de: Tutorials, Forum & Hilfe

**Jan-Frederik Stieler** · 17.03.10 01:51

Hallo,
wenn ich mit für font-family verschiedene Schriften defineirt habe kann ich dann auch jeder der Schriften unetrschiedliche Line-heights mitgeben?

Viele Grüße

Dr Dau · 17.03.10 03:24

Hallo!

Die Frage ist nicht ganz eindeutig, da man auch alternative Schriften angeben soll.

HTML-Code:

body {
    font-family: arial, helvetica, sans-serif; /* nehme Arial, wenn Arial nicht auf dem System dann nehme Helvetica, ist auch Helvetcia nicht auf dem System dann nehme irgendeine serifenlose Schrift */
}

Wenn Du dort nun die Zeilenhöhe definierst, bezieht sie sich auf alle 3 Schriften.
Ausserdem bezieht sich die Zeilenhöhe erstmal auf das gesamte Dokument.
Allerdings kannst Du die Zeilenhöhe auch für bestimmte Elemente neu definieren.

HTML-Code:

<html>
<head>
<title>Seitentitel</title>

<style type="text/css">
body {
    /* Defaultangaben für das gesamte Dokument */
    font-family: arial;
    font-size: 10pt;
    line-height: 16pt;
}

#ueberschrift {
    /* Andere Schrift, Schriftgrösse und Zeilenhöhe für die ID "ueberschrift" */
    font-family: times;
    font-size: 16pt;
    line-height: 24pt;
}

.kommentar {
    /* Schrift und Schriftgrösse wie für den gesamten Body, allerdings mit einer anderen Zeilenhöhe für die Klasse "kommentar" */
    line-height: 12pt;
}
</style>

</head>
<body>
    <div id="ueberschrift">Hier steht eine Überschrift.</div>

    <p>Da für das p-Element keine Schriftenformatierung vorgenommen wurde, wird hier die Formatierung wie für den Body übernommen.</p>

    <span class="kommentar">Hier wird gemäss der CSS Angabe eine andere Zeilenhöhe genommen.</span>
    <div class="kommentar">Auch hier wird die gleiche Formatierung vorgenommen wie in der vorherigen Zeile.</div>
    <a href="#" class="kommentar">Klassen dürfen, im gegensatz zu IDs, mehrfach verwendet werden.</a>
</body>
</html>

Gruss Dr Dau

Maik · 17.03.10 06:21

Moin.

Zitat von Dr Dau

Wenn Du dort nun die Zeilenhöhe definierst, bezieht sie sich auf alle 3 Schriften.
Ausserdem bezieht sich die Zeilenhöhe erstmal auf das gesamte Dokument.
Allerdings kannst Du die Zeilenhöhe auch für bestimmte Elemente neu definieren.

Dem hätte ich nichts mehr hinzuzufügen

mfg Maik

**Jan-Frederik Stieler** · 17.03.10 18:00

Hi,
ja da habe ich mich wohl mal wieder nciht ganz eindeutig augedrückt.
Also ich habe mehrere alternative schriften definiert. nun war meine Frage ob ich für jede dieser alternativen Schriften jeweils eine eigene Zeilenhöhe definieren kann?
Also ich habe z.B die Univers angegeben und hier eine Zeilenhöhe eingestellt die passt. Nun haben aber warscheinlich nur Designer die Univers aufm Rechner, andere bekommen dann die Arial zu sehen, aber bei dieser benötige ich eine andere Zeilenhöhe. Deshalb die Frage.

Viele Grüße

Maik · 17.03.10 18:12

Hi,

wenn du für diverse Schriftarten unterschiedliche Zeilenhöhen definieren willst, dann wäre dies nur über den Einsatz von Klassen möglich, in denen du die Schriftart / -famile und Zeilenhöhe festlegst - z.B.:

Code css:

.lineHeight-arial {
font-family:arial;
line-height:...;
}
.lineHeight-verdana {
font-family:verdana;
line-height:...;
}

mfg Maik

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Stroke, Single Line, Center Line, Mittellinien Fonts Formate

Verschiedene Style für verschiedene Tabellen?

CFile read Line/write Line

new line to <br>

Verschiedene lgoins für verschiedene DBs

E-Mail:

Abonnieren Abbestellen