Supportnet / Forum / Webseiten/HTML
zeilenabstand erzwingen in html datei
Frage
hallo
...kann mir jemand sagen wie ich den automatischen Zeilenabstand verringern kann beim Wechsel von großer auf kleinere Schrift?
...glaube dass man es mit xml machen kann
...kann mir jemand einen Beispiel- code zeigen?
Danke schon mal...
beruno
Antwort 1 von rfb
Das ist eine Layoutsache und dafür gibts CSS (nicht HTML oder XML)!
zum Thema Zeilenhöhe siehe hier: www.css4you.de/line-height.html
zum Thema Zeilenhöhe siehe hier: www.css4you.de/line-height.html
Antwort 2 von beruno
....toll....danke !!!
gruß
beruno
gruß
beruno
Antwort 3 von beruno
....geht aber leider nicht bei verschiedenen Schriftgrößen in 2 Zeilen die mit CSS in der Form h1, h3 definiert wurden...
....
<head>
<style type="text/css">
h3,h1 { line-height:12px; }
</style>
</head>
....
<h1>Deutsch- deutsches Freilandmuseum</h1>
<h3><b>ehemaliger Grenzabschnitt 44</b></h3>
....
...oder vielleicht doch?
wäre schön, wenn du mir nochmal helfen könntest...
gruß
beruno
....
<head>
<style type="text/css">
h3,h1 { line-height:12px; }
</style>
</head>
....
<h1>Deutsch- deutsches Freilandmuseum</h1>
<h3><b>ehemaliger Grenzabschnitt 44</b></h3>
....
...oder vielleicht doch?
wäre schön, wenn du mir nochmal helfen könntest...
gruß
beruno
Antwort 4 von rfb
wenn du eine Angabe zur Schriftgröße ergänzt sollte es klappen (und bitte nicht mit <font> - das und CSS-Angaben vertragen sich oft nicht).
Ansonsten bräucht ich schon eine etwas genauere Fehlerbeschreibung.
Ansonsten bräucht ich schon eine etwas genauere Fehlerbeschreibung.
Antwort 5 von beruno
hallo rfb
habe hier einBeispiel:
<html>
<head>
<style type="text/css">
h3 { font-family:verdana,sans-serif; font-size:16px; color:#0A3967; }
</style>
</head>
<body>
<p style="line-height:10px">
text<br>text<br><h3>ehemaliger Grenzabschnitt 44</h3>
</p>
</body>
</html>
bei text,text funktionierts, mit <h3> nicht mehr...
...habe schon viele Varianten probiert, ohne zufriedenstellendes Ergebnis...vielleicht weißt du noch was...
gruß
beruno
habe hier einBeispiel:
<html>
<head>
<style type="text/css">
h3 { font-family:verdana,sans-serif; font-size:16px; color:#0A3967; }
</style>
</head>
<body>
<p style="line-height:10px">
text<br>text<br><h3>ehemaliger Grenzabschnitt 44</h3>
</p>
</body>
</html>
bei text,text funktionierts, mit <h3> nicht mehr...
...habe schon viele Varianten probiert, ohne zufriedenstellendes Ergebnis...vielleicht weißt du noch was...
gruß
beruno
Antwort 6 von rfb
versuchs mal so:
was gestört hat war wohl die fehlenden margin- u. padding-Angaben, außerdem darf h3 nicht innerhalb <p></p> stehen, die line-height-Angabe solltest du im <style> den versch. tags zuordnen.
<html>
<head>
<style type="text/css">
p, h3 { font-family:verdana,sans-serif; font-size:16px; color:#0A3967; line-height:10px; margin:0; padding:0; }
</style>
</head>
<body>
<p>text<br>text</p><h3>ehemaliger Grenzabschnitt 44</h3>
</body>
</html>was gestört hat war wohl die fehlenden margin- u. padding-Angaben, außerdem darf h3 nicht innerhalb <p></p> stehen, die line-height-Angabe solltest du im <style> den versch. tags zuordnen.
Antwort 7 von beruno
...vielen Dank @ rfb...
...prima Sache jetzt...
...mit der definition in den style´s hatte ich´s auch versucht...
...aber ohne margin und padding...
ich benutze den webweaver zum schreiben, dabei ist mir aufgefallen dass Bilder so eingefügt werden: <img src="business_back.jpg" alt="" border="0" /> Ist das neu im img- tag, das /> und oder kannst du mir sagen wo ich nachlesen kann? selfhtml 8.1 hab ich schon aber noch nicht durch...
gruß
beruno
...prima Sache jetzt...
...mit der definition in den style´s hatte ich´s auch versucht...
...aber ohne margin und padding...
ich benutze den webweaver zum schreiben, dabei ist mir aufgefallen dass Bilder so eingefügt werden: <img src="business_back.jpg" alt="" border="0" /> Ist das neu im img- tag, das /> und oder kannst du mir sagen wo ich nachlesen kann? selfhtml 8.1 hab ich schon aber noch nicht durch...
gruß
beruno
Antwort 8 von rfb
der Schrägstrich ist nötig im img-tag, wenn du den Seitencode in XHTML, dem Nachfolger von HTML, schreibst.
Welche Version du nutzt sollte in der ersten Zeile des Codes stehen in der doctype-declaration.
Alles weitere darüber im Kapitel "Unterschiede zwischen XHTML und HTML" bei SelfHTML
Welche Version du nutzt sollte in der ersten Zeile des Codes stehen in der doctype-declaration.
Alles weitere darüber im Kapitel "Unterschiede zwischen XHTML und HTML" bei SelfHTML
Antwort 9 von beruno
...thanks a lot.......
gruß beruno
gruß beruno