Vorlage:Nebeneinander: Unterschied zwischen den Versionen

Aus Offene Naturführer
Wechseln zu: Navigation, Suche
K (Test mw-collapsible mw-collapsed Umstellung)
 
(16 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
−
<table class="layout" cellpadding="0" cellspacing="0" align="center" style="margin-left:auto; margin-right:auto;"><tr>
+
<noinclude>
−
<td style="text-align:{{{AusrichtungLinks|center}}};">{{{Links|{{{links|}}}}}}</td>
+
 
−
<td style="text-align:{{{AusrichtungMitte|center}}};">{{{Mitte|{{{mitte|}}}}}}</td>
+
(TODO: der „more“-Link sollte eigentlich im möglichst weit rechten (letzten) Text-Element stehen, nicht im erst-möglichen!)
−
<td style="text-align:{{{AusrichtungRechts|center}}};">{{{Rechts|{{{rechts|}}}}}}</td>
+
 
−
</tr>{{#if:{{{Beschriftung|}}}|<tr>
+
Ein einfaches Layout-Element, welches sich insbesondere zur Anordnung von Artbeschreibungen in übergeordneten Tabellen-anordnungen eignet. Die Anordnung der Zellen innerhalb des Elements ist:
−
<td style="text-align:{{{AusrichtungBeschriftung|center}}};" colspan="3">{{{Beschriftung|{{{beschriftung|}}}}}}</td>
+
 
−
</tr>}}
+
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>
 
</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
}}
LinksMitteRechts

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
}}
LinksMitteRechts
Extra1LinksExtra1MitteExtra1Rechts
Extra2LinksExtra2MitteExtra2Rechts



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;"

Quelle: Offene Naturführer, Das Wiki zu Bestimmungsfragen: Vorlage:Nebeneinander. Abgerufen am 2. Juni 2025, 07:11 von https://offene-naturfuehrer.de/web/Vorlage:Nebeneinander