Vorlage:Nebeneinander: Unterschied zwischen den Versionen
Aus Offene Naturführer
K (Test mw-collapsible mw-collapsed Umstellung) |
|||
| (18 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | <table class="layout" cellpadding="0" cellspacing="0" | + | <noinclude> |
| − | <td style=" | + | |
| − | <td style=" | + | (TODO: der „more“-Link sollte eigentlich im möglichst weit rechten (letzten) Text-Element stehen, nicht im erst-möglichen!) |
| − | <td style=" | + | |
| − | </tr></table> | + | Ein einfaches Layout-Element, welches sich insbesondere zur Anordnung von Artbeschreibungen in übergeordneten Tabellen-anordnungen eignet. Die Anordnung der Zellen innerhalb des Elements ist: |
| + | |||
| + | Links Mitte Rechts | ||
| + | ''(plus extra rows, collapsible/initially-collapsed:)'' | ||
| + | Extra1Links Extra1Mitte Extra1Rechts | ||
| + | Extra2Links Extra2Mitte Extra2Rechts | ||
| + | |||
| + | Weitere Funktionen: | ||
| + | * Für jede Zelle gibt es ein AusrichtungXXX (z.B. AusrichtungLinks=) mit den möglichen Werten left, center, right. Falls dies nicht angegeben ist, wird mit einem „[“ beginnender Inhalt (Link, Bild) zentriert, der Rest linksbündig ausgerichtet. | ||
| + | * Das "vertical-align" der Zellen ist immer „oben“. | ||
| + | * Es gibt für die gesamte Layouttabelle einen Parameter |TabellenCSS= der beliebiges CSS enthalten kann. Um das gesamte Element zu zentrieren kann man hier z.B. "|TabellenCSS=margin-left:auto; margin-right:auto;" eintragen. | ||
| + | |||
| + | ==Beispiele == | ||
| + | |||
| + | '''Ohne Zusatzinformationen:''' | ||
| + | <nowiki>{{Nebeneinander</nowiki> | ||
| + | |Links = Links | ||
| + | |Mitte = Mitte | ||
| + | |Rechts= Rechts | ||
| + | <nowiki>}}</nowiki> | ||
| + | |||
| + | {{Nebeneinander | ||
| + | |Links=Links | ||
| + | |Mitte=Mitte | ||
| + | |Rechts=Rechts | ||
| + | }} | ||
| + | |||
| + | '''Mit Zusatzinformationen:''' | ||
| + | <source lang="html4strict"> | ||
| + | {{Nebeneinander | ||
| + | |Links = Links | ||
| + | |Mitte = Mitte | ||
| + | |Rechts= Rechts | ||
| + | <!-- versteckte Zeile 1 --> | ||
| + | |Extra1Links = Extra1Links | ||
| + | |Extra1Mitte = Extra1Mitte | ||
| + | |Extra1Rechts= Extra1Rechts | ||
| + | <!-- versteckte Zeile 2 --> | ||
| + | |Extra2Links = Extra2Links | ||
| + | |Extra2Mitte = Extra2Mitte | ||
| + | |Extra2Rechts= Extra2Rechts | ||
| + | }} | ||
| + | </source> | ||
| + | |||
| + | {{Nebeneinander | ||
| + | |Links=Links | ||
| + | |Mitte=Mitte | ||
| + | |Rechts=Rechts | ||
| + | |Extra1Links=Extra1Links | ||
| + | |Extra1Mitte=Extra1Mitte | ||
| + | |Extra1Rechts=Extra1Rechts | ||
| + | |Extra2Links=Extra2Links | ||
| + | |Extra2Mitte=Extra2Mitte | ||
| + | |Extra2Rechts=Extra2Rechts | ||
| + | }} | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | Notiz: Das Gesamtelement ist zur Zeit linksbündig, es könnte insgesamt zentriert werden mit: table: align="center" style="margin-left:auto; margin-right:auto;" | ||
| + | [[Kategorie: Formatierung]] | ||
| + | </noinclude><!-- | ||
| + | --><table class="layout {{ | ||
| + | #if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|mw-collapsible mw-collapsed}}" {{ | ||
| + | #if:{{{TabellenCSS|}}}|style="{{{TabellenCSS}}}"}} cellpadding="0" cellspacing="0"{{#if:{{{width|}}}|<nowiki> </nowiki>width="{{{width|}}}"}}{{#if:{{{style|}}}|<nowiki> </nowiki>style="{{{style|}}}"}}><!-- | ||
| + | --><tr><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|}}}}}vertical-align:top;">{{{Mitte|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|}}}}}vertical-align:top;">{{{Rechts|}}}</td><!-- | ||
| + | --></tr><!-- | ||
| + | * Following are two optional collapsible parts. They use embedded tables to make column widths in each row independent: | ||
| + | |||
| + | # EXTRA ROW 1: | ||
| + | -->{{#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}|<!-- | ||
| + | --><tr><!-- | ||
| + | --><td colspan="3"><!-- | ||
| + | --><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%"><!-- | ||
| + | --><tr><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Links|}}}|content={{{Extra1Links|}}}}}vertical-align:top;">{{{Extra1Links|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Mitte|}}}|content={{{Extra1Mitte|}}}}}vertical-align:top;">{{{Extra1Mitte|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Rechts|}}}|content={{{Extra1Rechts|}}}}}vertical-align:top;">{{{Extra1Rechts|}}}</td><!-- | ||
| + | --></tr><!-- | ||
| + | --></table><!-- | ||
| + | --></td><!-- | ||
| + | --></tr><!-- | ||
| + | -->}}<!-- | ||
| + | |||
| + | # EXTRA ROW 2: | ||
| + | -->{{#if:{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|<!-- | ||
| + | --><tr><!-- | ||
| + | --><td colspan="3"><!-- | ||
| + | --><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%"><!-- | ||
| + | --><tr><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Links|}}}|content={{{Extra2Links|}}}}}vertical-align:top;">{{{Extra2Links|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Mitte|}}}|content={{{Extra2Mitte|}}}}}vertical-align:top;">{{{Extra2Mitte|}}}</td><!-- | ||
| + | --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Rechts|}}}|content={{{Extra2Rechts|}}}}}vertical-align:top;">{{{Extra2Rechts|}}}</td><!-- | ||
| + | --></tr><!-- | ||
| + | --></table><!-- | ||
| + | --></td><!-- | ||
| + | --></tr><!-- | ||
| + | -->}} | ||
| + | </table> | ||
Aktuelle Version vom 24. August 2012, 10:47 Uhr
(TODO: der „more“-Link sollte eigentlich im möglichst weit rechten (letzten) Text-Element stehen, nicht im erst-möglichen!)
Ein einfaches Layout-Element, welches sich insbesondere zur Anordnung von Artbeschreibungen in übergeordneten Tabellen-anordnungen eignet. Die Anordnung der Zellen innerhalb des Elements ist:
Links Mitte Rechts (plus extra rows, collapsible/initially-collapsed:) Extra1Links Extra1Mitte Extra1Rechts Extra2Links Extra2Mitte Extra2Rechts
Weitere Funktionen:
- Für jede Zelle gibt es ein AusrichtungXXX (z.B. AusrichtungLinks=) mit den möglichen Werten left, center, right. Falls dies nicht angegeben ist, wird mit einem „[“ beginnender Inhalt (Link, Bild) zentriert, der Rest linksbündig ausgerichtet.
- Das "vertical-align" der Zellen ist immer „oben“.
- Es gibt für die gesamte Layouttabelle einen Parameter |TabellenCSS= der beliebiges CSS enthalten kann. Um das gesamte Element zu zentrieren kann man hier z.B. "|TabellenCSS=margin-left:auto; margin-right:auto;" eintragen.
Beispiele
Ohne Zusatzinformationen:
{{Nebeneinander
|Links = Links
|Mitte = Mitte
|Rechts= Rechts
}}
| Links | Mitte | Rechts |
Mit Zusatzinformationen:
{{Nebeneinander
|Links = Links
|Mitte = Mitte
|Rechts= Rechts
<!-- versteckte Zeile 1 -->
|Extra1Links = Extra1Links
|Extra1Mitte = Extra1Mitte
|Extra1Rechts= Extra1Rechts
<!-- versteckte Zeile 2 -->
|Extra2Links = Extra2Links
|Extra2Mitte = Extra2Mitte
|Extra2Rechts= Extra2Rechts
}}
| Links | Mitte | Rechts | |||
| |||||
| |||||
Notiz: Das Gesamtelement ist zur Zeit linksbündig, es könnte insgesamt zentriert werden mit: table: align="center" style="margin-left:auto; margin-right:auto;"
