SVG Bild - PNG wird nicht angezeigt
<% image ieditpath="/layout/img/test-dummy.png" %>
PNG Bild - SVG wurde nicht hochgeladen
<% image ieditpath="/layout/img/test-dummy1.png" %>
Graphic – Photo
Graphic
Bitte verwendet nur noch Graphic (GraphicNoContainer siehe unten bei den Figures) in der Struktur.
Wenn ihr keine zusätzlichen Klassen dazugebt bekommt eure Grafiken die folgenden Klasse automatisch dazu:
- Graphic: class=graphic
Wenn ihr eine Klasse angebt, zum Beispiel bei alten Programmierungen class=bild [Graphic (body;bild;)], dann wird die oben angegebene (bzw in der Struktur nicht angegebene) Klasse überschrieben.
Image hat immer noch class=bild (Legacy)
HTML Markup:
<div class="graphic">
<img width="750" height="230" class="graphic" src="http://laut.iedit.geber.at/skeleton/2016/bilder/img/01_full_png_750x230_de.png">
</div<
Strukturfile Grafik:
Graphic (body;;)
Photo
Bitte verwendet nur noch Photo (PhotoNoContainer siehe unten bei den Figures) in der Struktur.
Wenn ihr keine zusätzliche Klasse dazugebt bekommen Bilder die folgende Klasse automatisch dazu:
- Photo: class=photo
Wenn ihr eine Klasse angebt, zum Beispiel bei alten Programmierungen class=bild [Photo (body;bild;)], dann wird die oben angegebene (bzw in der Struktur nicht angegebene) Klasse überschrieben.
Image hat immer noch class=bild (Legacy)
HTML Markup:
<div class="photo">
<img width="750" height="230" class="photo" src="http://laut.iedit.geber.at/skeleton/2016/bilder/img/01_full_jpg_750x230.jpg">
</div<
Strukturfile Photo:
Photo (body;;)
Columns – Spaltenlösungen
Zweispaltenlösung
column ONE
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
column TWO
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
HTML Markup:
<div class="columns clearfix double">
<div class="column">
<h2>column ONE</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
<div class="column">
<h2>column TWO</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
</div>
</div>
Strukturfile:
ColumnsStart (body;double;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsEnd (body;;)
Dreispaltenlösung
column ONE
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
column TWO
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
column THREE
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
HTML Markup:
<div class="columns clearfix triple">
<div class="column">
<h2>column ONE</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
<div class="column">
<h2>column TWO</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
<div class="column">
<h2>column THREE</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
</div>
</div>
Strukturfile:
ColumnsStart (body;triple;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsEnd (body;;)
Vierspaltenlösung
column ONE
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.
column TWO
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
column THREE
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
column FOUR
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
HTML Markup:
<div class="columns clearfix quadruple">
<div class="column">
<h2>column ONE</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
<div class="column">
<h2>column TWO</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
<div class="column">
<h2>column THREE</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
</div>
<h2>column FOUR</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
</div>
</div>
Strukturfile:
ColumnsStart (body;quadruple;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsBreak (body;;)FullText (body;;)ColumnsEnd (body;;)
isHTML als Tabelle
Codeschnippsel – snippet
The most beautiful code in the world
Benennung der snippet-Dateien bitte am Anfang mit 00_ und dann immer mit "_" und nie mit "-", denn das Strukturfile liest euch das sonst falsch in den Eingeber ein.
Um in den Bericht zu kommen immer im jeweiligen Sprachenordner der Tabellen ablegen, die Original in /developwment/HTML.
HTML Markup:
<!-- TABLE DE --> <!-- marker: NXR_SPREADSHEET "00_most_beautiful_code" -->
<p>
The most <span style="color:fuchsia;font-size:2em;font-family:comic-sans;">beautiful</span> code in the world
</p>
<!-- marker: NXR_SPREADSHEET "00_most_beautiful_code" / --> <!-- TABLE DE / -->
Strukturfile:
Table (body;isHTML;)
Tables – Tabellen
Tabelle normal
|
Kennzahlen Konzern |
||||||||||
|
|
|
201x |
201y |
Veränderung |
||||||
|
||||||||||
|
Umsatz und Ergebnis |
|
|
|
|
||||||
|
Umsatzerlöse |
Mio. € |
28.734 |
26.459 |
8,6 |
||||||
|
davon Verkehrserlöse |
Mio. € |
23.779 |
21.466 |
10,8 |
||||||
|
Operatives Ergebnis |
Mio. € |
820 |
1.020 |
–19,6 |
||||||
|
EBIT |
Mio. € |
734 |
1.480 |
–50,4 |
||||||
|
EBITDA |
Mio. € |
2.546 |
3.166 |
–19,6 |
||||||
|
Konzernergebnis |
Mio. € |
–13 |
1.131 |
|
||||||
|
|
|
|
|
|
||||||
|
Kennzahlen zu Bilanz und Kapitalflussrechnung |
|
|
|
|
||||||
|
Bilanzsumme |
Mio. € |
28.081 |
29.320 |
–4,2 |
||||||
|
Eigenkapitalquote |
% |
28,6 |
28,4 |
0,2.P. |
||||||
|
Nettokreditverschuldung |
Mio. € |
2.328 |
1.596 |
45,9 |
||||||
|
Operativer Cashflow |
Mio. € |
2.356 |
2.992 |
–21,3 |
||||||
|
Investitionen (brutto) |
Mio. € |
2.566 |
2.273 |
12,9 |
||||||
|
|
|
|
|
|
||||||
|
Rentabilitäts- und Wertschaffungskennzahlen |
|
|
|
|
||||||
|
Vergleichbare operative Marge1) |
% |
3,4 |
4,7 |
–1,3.P. |
||||||
|
EBITDA-Marge |
% |
8,9 |
12,0 |
–3,1.P. |
||||||
|
CVA |
Mio. € |
99 |
71 |
39,4 |
||||||
|
CFROI |
% |
8,0 |
9,4 |
–1,4.P. |
||||||
|
|
|
|
|
|
||||||
|
Aktie |
|
|
|
|
||||||
|
Jahresschlusskurs |
€ |
9,19 |
16,36 |
–43,8 |
||||||
|
Ergebnis pro Aktie |
€ |
–0,03 |
2,47 |
|
||||||
|
Dividendenvorschlag |
€ |
0,25 |
0,60 |
–58,3 |
||||||
|
|
|
|
|
|
||||||
|
|
|
|
|
|
||||||
|
Mitarbeiter 2) |
|
|
|
|
||||||
|
Mitarbeiter im Jahresdurchschnitt |
Anzahl |
119.084 |
117.066 |
1,7 |
||||||
|
Mitarbeiter zum Stichtag |
Anzahl |
120.055 |
117.019 |
2,6 |
||||||
HTML Markup:
<div class="spreadsheet">
CONTENT OF TABLE
</div>
Strukturfile:
Table (body;spreadsheet;)
Tabelle zum Vergrößern
|
|
||||||||||||||
|
in Mio. € |
Ge- |
Kapital- |
Markt- |
Unter- |
Neu- |
Son- |
Summe übrige neu- |
Ge- |
Kon- |
Anteil der Ak- |
Minder- |
Gesamt Eigen- |
||
|
||||||||||||||
|
Stand am 31.12.201r |
1.172 |
1.366 |
162 |
–70 |
193 |
333 |
618 |
2.972 |
–34 |
6.094 |
108 |
6.202 |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
Kapitalerhöhungen/-herabsetzungen |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
||
|
Umbuchungen |
– |
– |
– |
– |
– |
– |
– |
–34 |
34 |
– |
– |
– |
||
|
Dividenden an Unternehmen Aktionäre / Minderheiten |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
–18 |
–18 |
||
|
Transaktionen mit Minderheiten |
– |
– |
– |
– |
– |
– |
– |
6 |
– |
6 |
–8 |
–2 |
||
|
Konzern-/Minderheitenergebnis |
– |
– |
– |
– |
– |
– |
– |
– |
1.131 |
1.131 |
12 |
1.143 |
||
|
Übrige erfolgsneutrale Aufwendungen und Erträge * |
– |
– |
694 |
311 |
– |
6 |
1.011 |
– |
– |
1.011 |
4 |
1.015 |
||
|
Stand am 31.12.201s |
1.172 |
1.366 |
856 |
241 |
193 |
339 |
1.629 |
2.944 |
1.131 |
8.242 |
98 |
8.340 |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
Kapitalerhöhungen/-herabsetzungen |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
5 |
5 |
||
|
Umbuchungen |
– |
– |
– |
– |
– |
– |
– |
856 |
–856 |
– |
– |
– |
||
|
Dividenden an Unternehmen Aktionäre / Minderheiten |
– |
– |
– |
– |
– |
– |
– |
– |
–275 |
–275 |
–21 |
–296 |
||
|
Transaktionen mit Minderheiten |
– |
– |
– |
– |
– |
– |
– |
– |
– |
– |
–3 |
–3 |
||
|
Konzern-/Minderheitenergebnis |
– |
– |
– |
– |
– |
– |
– |
– |
–13 |
–13 |
17 |
4 |
||
|
Übrige erfolgsneutrale Aufwendungen und Erträge * |
– |
– |
–90 |
81 |
– |
4 |
–5 |
– |
– |
–5 |
–1 |
–6 |
||
|
Stand am 31.12.201t |
1.172 |
1.366 |
766 |
322 |
193 |
343 |
1.624 |
3.800 |
–13 |
7.949 |
95 |
8.044 |
||
HTML Markup:
<div class="spreadsheet oversized">
CONTENT OF TABLE
</div>
Strukturfile:
Table (body;spreadsheet oversized;)
Blockquote – Zitate
Blockquote floated left
CSS-Class: float-left
I am a blockquote and i'm floating LEFT
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<blockquote class="float-left">
<p>I am a blockquote and i'm floating LEFT</p>
</blockquote>
Strukturfile:
BlockQuote (body;float-left;)
Blockquote floated right
CSS-Class: float-right
I am a blockquote and i'm floating RIGHT
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<blockquote class="float-right">
<p>I am a blockquote and i'm floating RIGHT</p>
</blockquote>
Strukturfile:
BlockQuote (body;float-right;)
Blockquote floated right with cite
CSS-Class: float-right
I am a blockquote and i'm floating RIGHT
William Shakespeare
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<blockquote class="float-right">
<p>I am a blockquote and i'm floating RIGHT</p>
<cite>William Shakespeare</cite>
</blockquote>
Strukturfile:
BlockQuoteStart (body;float-right;)
FullText (body;;)
Cite (body;;)
BlockQuoteEnd (body;;)
Figure – Bilder
Figure floated right
CSS-Class: float-right
Image caption
Unit or similar
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<figure class="float-right">
<h4>Image caption</h4>
<p>Unit or similar</p>
<img class="graphic/photo" src="/path/to/img.jpg">
</figure>
Strukturfile Bild:
FigureStart (body;float-right;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
PhotoNoContainer (body;;)
FigureEnd (body;;)
oder mit Grafik
FigureStart (body;float-right;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
GraphicNoContainer (body;;)
FigureEnd (body;;)
Figure floated left
CSS-Class: float-left
Image caption
Unit or similar
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<figure class="float-left">
<h4>Image caption</h4>
<p>Unit or similar</p>
<img class="graphic/photo" src="/path/to/img.jpg">
</figure>
Strukturfile Bild:
FigureStart (body;float-left;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
PhotoNoContainer (body;;)
FigureEnd (body;;)
oder mit Grafik
FigureStart (body;float-left;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
GraphicNoContainer (body;;)
FigureEnd (body;;)
Figure with figcaption
CSS-Class: float-left
Image caption
Unit or similar
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<figure class="float-left">
<h4>Image caption</h4>
<p>Unit or similar</p>
<img class="graphic/photo" src="/path/to/img.jpg">
<figcaption>Lorem ipsum dolor</figcaption>
</figure>
Strukturfile Bild:
FigureStart (body;float-left;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
PhotoNoContainer (body;;)
FigCaption (body;;)
FigureEnd (body;;)
oder mit Grafik
FigureStart (body;float-left;)
FullText (body;;) --> wenn H4 als Überschrift und/oder/ganz ohne Einheitenzeile im <p>
GraphicNoContainer (body;;)
FigCaption (body;;)
FigureEnd (body;;)
Footnote – Fussnote
Footnote
CSS-Class: footnote
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="footnote"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;footnote;)
Alignment – Textausrichtung
Text align left
CSS-Class: align-left
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="align-left"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;align-left;)
Text Align center
CSS-Class: align-center
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="align-center"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;align-center;)
Text align right
CSS-Class: align-right
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="align-right"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;align-right;)
Text align justify
CSS-Class: align-justify
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="align-justify"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;align-justify;)
No Text Wrap
CSS-Class: nowrap
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
HTML Markup:
<div class="nowrap"><p>Lorem ipsum…</p></div>
Struktur:
FullTextStyled (body;nowrap;)
Lists – Verschieden vorgegebene Listenformatierungen
Ordered List Decimal
CSS-Class: decimal
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="decimal">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List Decimal Leading Zero
CSS-Class: decimal-leading-zero
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="decimal-leading-zero">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List Lower Roman
CSS-Class: lower-roman
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="lower-roman">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List Upper Roman
CSS-Class: upper-roman
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="upper-roman">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List Lower Alpha or Lower Latin
CSS-Class: lower-alpha or lower-latin
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="lower-alpha">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List Upper Alpha or Upper Latin
CSS-Class: upper-alpha or upper-latin
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="upper-alpha">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>
Ordered List No type
CSS-Class: no-type
- Lorem
- ipsum
- dolor
HTML Markup:
<ol class="no-type">
<li>Lorem</li>
<li>ipsum</li>
<li>dolor</li>
</ol>