Zeilenabstand

homermg · 10.09.2006, 20:04

Hallo Leute,

wie kann ich den Abstand zwischen den Zeilen defenieren?

Thanks in advance

satre · 10.09.2006, 20:24

mit der CSS-Eigenschaft line-height.

homermg · 10.09.2006, 20:33

muß ich dafür eine css datei erzeugen?
wenn ja hast du irgendein Howto für Anfänger dazu?

satre · 10.09.2006, 20:40

Du kannst entweder eine externe CSS-Datei erzeugen oder die Formatierungen in den Head-Bereich schreiben. Zum Beispiel:

Code:

<head>
<style type="text/css">
<!--
p {
line-height:150%;
}
-->
</style>
</head>

Wenn du die Zeilenhöhe für alle HTML-Seiten definieren willst, erstellst du natürlich eine externe CSS und bindest diese Später in deine Seiten ein.

Zitat:

wenn ja hast du irgendein Howto für Anfänger dazu?

Eine sehr gute Einführung gibts auf selfhtml.

homermg · 10.09.2006, 21:02

Hast du auch ein Howo CSSim Dreamweaver erzeugen?

satre · 10.09.2006, 21:18

Nein, aber egal wie praktisch man mit einem WYSIWYG-Editor wie Dreamweaver arbeiten kann kommt man nicht drum rum irgendwann selbst in den Quelltext einzugreifen, um sich ein Grundverständnis für html und CSS anzueignen.

Ein Akkuschrauber ist auch einfacher zu bedienen als ein Handschraubendreher. Trotzdem muss man wissen wie eine Schraube im Prinzip funktioniert.

In deinem Fall erstellst du einfach eine neue Datei und speicherst diese mit der Endung *.css ab. Bestimmt gibt es auch spezielle Workshops für Dreamweaver, aber das Ergebnis ist das gleiche.

homermg · 11.09.2006, 19:09

irgendwie geht es nicht :-(

habe eine css erzeugt diese eingebunden und line high auf 150% gesetzt das war viel zu groß habe auf ein 1% gesetzt die Schrift ist zwar kleiner geworden aber der Abstand zwischen den Zeilen ist noch immer viel zu groß.

Noch ein Vorschlag?

satre · 11.09.2006, 19:15

Zeig uns doch mal bitte, wie der Quelltext aussieht oder lade die HTML-Datei mitsamt der CSS irgendwo hoch.

homermg · 11.09.2006, 19:21

siehe Anhang

homermg · 11.09.2006, 19:23

Jetzt

satre · 11.09.2006, 19:34

Alles was rot ist, kann raus aus dem <head>-Bereich, sofern du den grün-markierten Code mit in deine externe CSS packst.

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title></title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
-->
</style>
<link href="Css/css.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
.Stil1 {color: #FF6633}
body {
	background-color: #DDDDDD;
}
-->
</style>
<link href="Css/css.css" rel="stylesheet" type="text/css" />
</head>

Deine CSS-Datei muss im Unterordner /Css/ liegen.

Die Zeilenhöhe wird nur im Fließtext sichtbar.

Code:

<p class="style">600 Zeichen Blindtext...</p>

homermg · 11.09.2006, 20:08

vielen dank für den Tipp
würde aber auch sehr gerne wissen wie man sowas auch mit Dreamweaver macht.
Falls du es nicht genau weisst würde ich mich freun wenn du meinen Theard ins DReamweaver Forum verschieben kannst.

thanks in advance

webcreate · 11.09.2006, 20:49

Zitat:

Zitat von homermg

würde aber auch sehr gerne wissen wie man sowas auch mit Dreamweaver macht.

F1
Mehr baucht man nicht zu wissen.

homermg · 12.09.2006, 20:20

toll danke schön,

wäre der Forum voll mit solchen Leuten breuchten wir keinen Forum.

Also wenn jemand einen richtigen Vorschlag hat bitte melden. Mit solchen super Vorschlägen wie Webcreate braucht hier keiner meine Zeit zu verschwenden.

das hier steht in der Hilfe:
Zeilenhöhe legt die Höhe der Zeile fest, in die der Text eingefügt wird. Diese Einstellung wird traditionell als Zeilenabstand bezeichnet. Wählen Sie Standard, wenn die Zeilenhöhe je nach Schriftgröße automatisch berechnet werden soll, oder geben Sie einen genauen Wert ein und wählen Sie eine Maßeinheit. Das Zeilenhöhenattribut wird von beiden Browsern unterstützt.

nur leider bruache ich nicht die Zeilenhöhe sonder den Abstand zwischen den Zeilen

thanks in advance für richtige Helfer :-)

Torsten · 12.09.2006, 20:57

Moment!

Das ist jetzt nicht Dein Ernst oder?

Wenn ier jemand Zeit verschwendet, dann wohl Du die Zeit von denen die versuchen Dir zu helfen.

Wenn jemand Lösungen vorgeschlagen bekommt die man nur noch einzubauen braucht, dann ist es wohl nicht gerade die feine englische Art zu sagen:

Zitat:

vielen dank für den Tipp
würde aber auch sehr gerne wissen wie man sowas auch mit Dreamweaver macht.

Daraus resultiert für uns Helfer das Du eine Beschreibung haben möchtest, auf welche Knöpfe Du in Dreamweaver drücken musst um zum Ziel zu gelangen.

So funktioniert das hier aber nicht.
Ein bischen Mitarbeit ist schon von nöten, dazu gehört eben auch mit Hilfe der Dreamweaver-Hilfe das Programm kennenzulernen.

Dreamweaver ist kein Website-Generator - sondern nur ein Werkzeug, wenn auch ein mächtiges in Deiner Hand.

Man kann damit vieles machen - aber ohne die jewilige Auszeichnungssprache (HTML, CSS) zu lernen hat das wenig Sinn