Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht Help+Manual-Forum von HelpDesign • Jörg Ertelt
Erstes deutschsprachiges Help& Manual-Forum
 
 ProfilProfil   LoginLogin 
 FAQFAQ   SuchenSuchen  RegistrierenRegistrieren 
 HelpDesign { Seminare und Support | Testlizenz anfordern | Neue Lizenzen kaufen / Lizenzen upgraden }

Zeilenabstand SKIN (v. 3.02) zu hoch

 
Neues Thema eröffnen   Neue Antwort erstellen    Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht -> Allgemeine Themen
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Do März 03, 2016 18:26    Titel: Zeilenabstand SKIN (v. 3.02) zu hoch Antworten mit Zitat

Irgendetwas stimmt nicht mit den Zeilenabständen in den SKINs:
Erstelle ich ein neues Absatzformat "Zeile" mit z.B. der Schriftart Tahoma, Zeilenabstand 1.25, wird der Zeilenabstand mit Skin blue_flat_diamond.hmskin (v. 3.02) deutlich zu gross.
(Klarer zu sehen bei der (Google-)Schrift Rokkitt).

Nach LANGEM Rumprobieren ist mir aufgefallen:
In der Datei projectstyles.css steht bei mir:
Code:
p.Zeile {fontsize: 1.2rem; line-height: 1.50;}

Ändere ich font-size auf z.B. 4.0rem und reloade die Datei im Browser, ändert sich der Zeilenabstand (!) entsprechend.

Das scheint mir ein Fall für Tim Green Laughing
Ein Testprojekt ist erstellt.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Tim Green



Anmeldungsdatum: 23.12.2005
Beiträge: 267
Wohnort: Brühl

BeitragVerfasst am: Fr März 04, 2016 06:37    Titel: Antworten mit Zitat

Hi Maik,

das hat nichts zu tun mit dem Skin, sondern mit der Art, wie Help & Manual mit Zeilanabstand umgehen muss, wenn relative Maße (rems/ems) verwendet werden, und die sind für responsives Layout unumgänglich. Um einen Zeilenabstand von 1.25 zu bekommen, darf man im CSS keine 1.25 angeben. Versuche es mal manuell, in der CSS-Datei: Der Abstand wird dann viel zu klein. Help & Manual muss dann den ungefähren effektiven Abstand berechnen, unter Berücksichtigung vieler variablen Faktoren -- es variiert auch noch von Browser zu Browser.

Die 1.50 können nun eine Kleinigkeit zu viel für einen definierten Abstand von 1.25 sein, aber sie werden in den meisten Fällen optisch OK sein. Wenn nicht, dann einfach die Definition im Style im Projekt etwas herunterschrauben.

Zitat:
Ändere ich font-size auf z.B. 4.0rem und reloade die Datei im Browser, ändert sich der Zeilenabstand (!) entsprechend.

Natürlich. Rems sind relative Werte, alles ändert sich mit. Deshalb ändert sich im Layout auch wirklich alles, wenn man im Skin-Menü die Text-Größe ändert. Damit ändert sich die Grund-Textgröße im ganzen Layout, und alle Dimensionen im ganzen Layout beziehen sich darauf, weil Rems als Dimensions-Einheiten verwendet werden. Die Größe eines Rem oder Em definiert sich nach der Größe der Grund-Texteinheit im ganzen Layout.
_________________
Grüsse,

Tim Green
H&M Documentation & Support
H&M Forums Admin
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Fr März 04, 2016 14:23    Titel: Antworten mit Zitat

Hi Tim,

Dank für die rasche und aufklärende Antwort!

Meine Anfrage war missverständlich formuliert:
Zitat:
Ändere ich font-size auf z.B. 4.0rem und reloade die Datei im Browser, ändert sich der Zeilenabstand (!) entsprechend.

muss heissen:
"Ändere ich [in "hmprojectstyles.css im erstellten "p.Zeile"] font-size auf z.B. 4.0rem und reloade die Datei im Browser, ändert sich nur der Zeilenabstand (!), (nicht aber die Schriftgrösse)."
Das finde ich irritierend.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Tim Green



Anmeldungsdatum: 23.12.2005
Beiträge: 267
Wohnort: Brühl

BeitragVerfasst am: Fr März 04, 2016 16:31    Titel: Antworten mit Zitat

Zitat:
"Ändere ich [in "hmprojectstyles.css im erstellten "p.Zeile"] font-size auf z.B. 4.0rem und reloade die Datei im Browser, ändert sich nur der Zeilenabstand (!), (nicht aber die Schriftgrösse)."
Das finde ich irritierend.

Das ist weil hier die Größe an der falschen Stelle geändert wurde. Die Absatz-Eigenschaften und Text-Eigenschaften sind bei HM in 2 getrennte Styles aufgesplittet. Da der <p>-Tag für den Absatz außen steht und der <span>-Tag für den Text innen, ist ein Schriftgrößen-Änderung für den <p>-Tag wirkungslos, da sie immer sofort von dem innenliegenden <span>-Tag wieder umgestellt wird. So wird der eigentlicher Text kleiner, aber die größere Schrift im Absatz wirkt sich trotzdem am Zeilenabstand aus, obwohl sie an der Schrift selbst nicht sichtbar ist.

Das Style für die Text-Eigenschaften fängt mit "span.f_" ("F"ont) an.
_________________
Grüsse,

Tim Green
H&M Documentation & Support
H&M Forums Admin
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Maik Schluroff



Anmeldungsdatum: 12.06.2009
Beiträge: 40

BeitragVerfasst am: Fr März 04, 2016 18:37    Titel: Antworten mit Zitat

DANKE für die Zusatzerläuterungen!
Jetzt habe ich's kapiert.

Zu meiner Entschuldigung für die "dumme Frage": meine Standardschrift (Google-)"Rokkitt" zeigt im H&M-Editor kleinere Zeilenabstände als im Browser (Opera, Firefox, Thunderbird), auch bei Zeilenhöhe 1.0 oder 2.0.

Nach Ihren Erläuterungen scheint es mir jetzt so, dass das nicht an meinen mangelnden CSS-Kenntnissen oder H&M liegt, sondern an "Rokkitt".
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht -> Allgemeine Themen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Sie können keine Beiträge in dieses Forum schreiben.
Sie können auf Beiträge in diesem Forum nicht antworten.
Sie können Ihre Beiträge in diesem Forum nicht bearbeiten.
Sie können Ihre Beiträge in diesem Forum nicht löschen.
Sie können an Umfragen in diesem Forum nicht teilnehmen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de