vielleicht hat ja einer eine Idee, wie sich folgendes Problem lösen lässt:
Ausgangssituation: eine Schritt für Schritt-Installationsanleitung als Ordered List. In den Listenelementen sind Lauftext, Bild und Bildunterschrift enthalten.
Das Ganze ist mittels „figure“ innerhalb eines div-Containers innerhalb eines Listenelements gelöst. Als HTML-Ausgabe ist alles schick, schaut so aus, wie es sein sollte.
Problem ist die PDF-Ausgabe: Hier sind die Inkrementzahlen der ol neben dem Listeelement horizontal zentriert, statt oben links wie gewöhnlich dargestellt zu werden. Füge ich zwischen <li> und <div> Text ein, erfolgt die Ausrichtung wieder richtig, aber an der Stelle ist der Text nicht erwünscht.
Hat jemand eine Idee, wie ich das lösen kann?
Auszug HTML:
Code: Alles auswählen
<ol>
<li>
<div>
<figure>
<img>
<figcaption>Die Datei Setup.exe im Windows-Explorer.</figcaption>
</figure>
<p>Nach dem Einlegen der CD beginnt die Installation automatisch oder kann manuell durch die Datei <span>setup.exe</span> gestartet werden.</p>
</div>
</li>
Code: Alles auswählen
/*<meta>*/
figure.figureGroup
{
float: left;
}
figcaption.figcaptionGroup
{
clear: both;
mc-auto-number-format: 'GF:Abb. {chapnum+}-{n+} ';
}
figure.pictureLeft
{
float: left;
width: 30%;
margin: 8px 0;
overflow: hidden;
margin-right: 8px;
}
figure.pictureRight
{
float: right;
width: 30%;
margin: 8px 0;
overflow: hidden;
margin-left: 8px;
}
figure.pictureLeft img
{
width: 100%;
height: auto;
}
figure.pictureRight img
{
width: 100%;
height: auto;
}
div.floatpicture::after
{
clear: both;
content: " ";
display: block;
height: 0px;
}
figcaption
{
font-size: 8pt;
margin-top: 0;
font-weight: normal;
font-style: italic;
line-height: normal;
mc-auto-number-format: 'Abb. {chapnum}.{chapnum}-{n+}: ';
}
figure
{
margin-left: 0;
font-family: Open Sans;
}
@media print
{
figure.pictureLeft img
{
max-width: 30%;
max-height: auto;
}
figure.pictureRight img
{
max-width: 30%;
max-height: auto;
}
Edit: Leider geht der Großteil des HTML-Quellcodes bei Copy&Paste verloren, zumindest in der Vorschau. Ist das normal?
