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 }

Image vertikal mittig im Fließtext positionieren z.B. Formel

 
Neues Thema eröffnen   Neue Antwort erstellen    Help+Manual-Forum von HelpDesign • Jörg Ertelt Foren-Übersicht -> Webhelp (Version 5) / Browser based Help (Version 4)
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Eszet



Anmeldungsdatum: 24.01.2007
Beiträge: 6
Wohnort: Freudenstadt

BeitragVerfasst am: Mi Jan 14, 2015 12:43    Titel: Image vertikal mittig im Fließtext positionieren z.B. Formel Antworten mit Zitat

Hallo Jörg,

ich benötige noch einmal deine Unterstützung.
In meinem Projekt muss ich sehr viele Formeln im Fließtext unterbringen.
Die Formeln wurden in Word mit dem Formeleditor erstellt und lassen sich mit H&M hervorragend in Bilder konvertieren.

Leider finde ich keine Möglichkeit die Bilder im Fließtext vertikal mittig zu positionieren.
Die Bilder werden im Browser immer „zu hoch“ positioniert.
Im XML-Code werden die Bilder z.B. so aufgeführt:
Code:
<image src="D_clip0005.bmp" scale="100.00%" styleclass="Image Caption"></image>

Jetzt suche ich nach einer Möglichkeit, diesem Style die Anweisung align="absmiddle" hinzuzufügen, aber ich weiß leider nicht wo.
In meinem Projekt verwende ich den Skin MetroDarkBlue.hmskin und habe noch keine Stelle gefunden, an der ich mein Attribut hinzufügen kann.

Vielen Dank für einen Tipp
Gruß Stefan

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Jörg Ertelt
Moderator


Anmeldungsdatum: 22.12.2005
Beiträge: 2421
Wohnort: 73240 Wendlingen

BeitragVerfasst am: Mi Jan 14, 2015 23:11    Titel: Antworten mit Zitat

Guten Tag Stefan,

==
Die Formeln wurden in Word mit dem Formeleditor erstellt und lassen sich mit H&M hervorragend in Bilder konvertieren.
==

Vielleicht ein wenig umständlich. HuM enthält einen Formeleditor: In einem Topic Rechtsklick > Einfügen > OLE-Objekt > Neu ertellen wählen > MathMagic Equation > Formel kreieren > OK.

==
Jetzt suche ich nach einer Möglichkeit, diesem Style die Anweisung align="absmiddle" hinzuzufügen, aber ich weiß leider nicht wo.
==

Wie ich in meiner E-Mail geschrieben habe:

In dem Topic, in dem eine Grafik eingefügt werden soll: Rechtsklick > Einfügen > HTML Code. Dann im Dialog den Code eingeben: <img src="D_clip0005.bmp" width="26" height="20" align="absmiddle" /> > OK.

==
Für mein Projekt verwende ich eine Vorlage aus dem Premium Pack.
Vielleicht kann ich dort eine Style-Anweisung hinterlegen?
==

Dazu habe ich meiner E-Mail geschrieben:

Skin mit HuM öffnen, dann Konfiguration > Baggage Dateien > darin sind CSS-Dateien zu finden, die entsprechend bearbeitet werden können. Z.B. eine Erweiterung a la

img.Formel
{
align:absmiddle;
}

Dann muss allerdings bereits im Topic, in dem die Formeln eingetragen sind, den Formeln die Formatvorlage Formel zugewiesen worden sein, die zuvor im Ribbon Einfügen > Formate berbeiten angelegt wurde.

Allerdings: Ich habe nichts davon getestet ...

Hier noch eine Quelle zur vertikalen Ausrichtung von Bildern
_________________
Viele Grüße

Jörg Ertelt

HELP+MANUAL
:: Testlizenz anfordern
:: Neue Lizenzen kaufen / Lizenzen upgraden
:: Offene und Firmenseminare

SUPPORT
:: Help+Manual-Forum
:: Help+Manual-Knowledgebase

HelpDesign • Jörg Ertelt
Ulrichstraße 1
D-73240 Wendlingen am Neckar
www.helpdesign.eu

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Eszet



Anmeldungsdatum: 24.01.2007
Beiträge: 6
Wohnort: Freudenstadt

BeitragVerfasst am: Do Jan 15, 2015 09:45    Titel: Antworten mit Zitat

Hallo Jörg,

vielen Dank für deine Mühe, aber leider hat es nicht gefruchtet.

Formeleditor:
Den HuM Formeleditor habe ich getestet, aber das führt zum gleichen Ergebnis.
Der Formeleditor macht nichts anderes, als dass er aus der Formel eine Mini-Grafik bastelt und diese dann genauso „falsch“ im Fließtext positioniert. Auch diese Grafiken werden nicht vertikal mittig im Fließtext positioniert. Des Weiteren kommt hinzu, dass man keine Formeln aus Word in den Editor kopieren kann. Die Formeln sind bereits in den Wordvorlagen unserer Kunden enthalten und wir möchten diese auch nicht selber noch einmal nachkneten.

HTML-Code einfügen:
Die Variante per HTML-Code selber einfügen würde funktionieren, entfällt aber, da wir in unserem Projekt fast 500 Formeln verarbeiten müssen und das in zunächst 4 Sprachen. Außerdem wird der Text in HuM im Editor unlesbar, da man die Formeln nicht mehr sieht und das ist bei anschließenden Textkorrekturen äußerst nervig.

CSS-Datei + Formatvorlage:
Auch diese Variante habe ich erfolglos getestet.
Zunächst habe ich eine neue Formatvorlage erstellt:
Grafik markiert -> Formate -> Format aus Selektion erstellen -> gespeichert mit dem Stilnamen „Formel“.
Dann habe ich folgenden Style hinzugefügt:

img.Formel
{
align:absmiddle;
}

Da ich nicht genau weiß in welche CSS-Datei das gehört, habe ich mich für die hm_webhelp.css entschieden. Leider hat das nichts gebracht.
Dann habe ich meine Formatvorlage geändert:
Basierend auf: „Kein“
Basierend auf: „Image Caption“ usw.
Leider auch alles ergebnislos.
Das Verschieben der Style-Anweisung in andere CSS-Dateien brachte auch keine Abhilfe.

Ich wäre sehr dankbar, wenn ich zu diesem Problem einen Lösungsansatz bekommen könnte.
Gruß Stefan
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Jörg Ertelt
Moderator


Anmeldungsdatum: 22.12.2005
Beiträge: 2421
Wohnort: 73240 Wendlingen

BeitragVerfasst am: Sa Jan 17, 2015 21:11    Titel: Antworten mit Zitat

Guten Tag Stefan,

Das Konstrukt:

img.Formel
{
align:absmiddle;
}

funktioniert nicht, weil align nicht auf Bilder wirkt, sehr wohl aber auf Text. Da das Attribut aber dem img-Element zugeordnet wurde, klappt das nicht.

Sodann: Die Idee, eine Formatvorlage anzulegen und dieser einem Bild zuzuweisen ist naheliegend.

Im Quellcode des Editors sieht das dann in etwa so aus:

para styleclass="formel"><image></image></para>

Im dazugehörigen Quellcode der Webhelp-Ausgabe macht HuM in etwas folgendes daraus:

<p><img></p>

color=red]styleclass="formel"[/color] ist verschwunden.

Zwar gibt es in der default.css folgendes:

span.f_formel /* formel */
{
}

und

.p_formel /* formel */
{
}

die aber nichts nützen, weil im Quellcode auf keine dieser Vorlagen Bezug genommen wird.

Wird hingegen im Editor per Einfügen > HTML Code folgende Zeile eingefügt:

<img>

und dann die Webhelp-Ausgabe erzeugt, sieht der Quellcode in etwa so aus:

<p> <img></p>

Damit kann gearbeitet werden. Jetzt nur noch in der default css folgendes hinzufügen:

img.formel
{
vertical-align:middle;
}

Und dann klappts.

Da die default.css bei jedem Generieren überschrieben wird, sollte sie in ein separates Verzeichnis gelegt und nach dem Generieren in das Webhelp-Verzeichnis kopiert werden.

Um das zu vermeiden, kann eine eigene CSS erzeugt werden, z.B. meineCSS.css, die diesen Eintrag enthält. Diese CSS muss dann zu den Baggage Files des HuM-Projekts hinzugefügt werden.
In der verwendeten Skin-Datei muss dann unter Konfiguration > HTML Seitenvorlagen > Default ein Link auf diese CSS im <head>-Bereich gesetzt werden:

<link>
_________________
Viele Grüße

Jörg Ertelt

HELP+MANUAL
:: Testlizenz anfordern
:: Neue Lizenzen kaufen / Lizenzen upgraden
:: Offene und Firmenseminare

SUPPORT
:: Help+Manual-Forum
:: Help+Manual-Knowledgebase

HelpDesign • Jörg Ertelt
Ulrichstraße 1
D-73240 Wendlingen am Neckar
www.helpdesign.eu

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail 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 -> Webhelp (Version 5) / Browser based Help (Version 4) 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