Vorlage:Nebeneinander: Unterschied zwischen den Versionen

Aus Offene Naturführer
Wechseln zu: Navigation, Suche
K (Test mw-collapsible mw-collapsed Umstellung)
 
(12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
<noinclude>
 
<noinclude>
 +
 +
(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:
 
Ein einfaches Layout-Element, welches sich insbesondere zur Anordnung von Artbeschreibungen in übergeordneten Tabellen-anordnungen eignet. Die Anordnung der Zellen innerhalb des Elements ist:
Zeile 8: Zeile 10:
 
  Extra2Links  Extra2Mitte  Extra2Rechts
 
  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.
+
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.
  
−
Das "vertical-align" der Zellen ist immer "oben".
+
==Beispiele ==
  
−
==Beispiel==
+
'''Ohne Zusatzinformationen:'''
 +
<nowiki>{{Nebeneinander</nowiki>
 +
|Links = Links
 +
|Mitte = Mitte
 +
|Rechts= Rechts
 +
<nowiki>}}</nowiki>
  
 
{{Nebeneinander
 
{{Nebeneinander
Zeile 19: Zeile 29:
 
  |Rechts=Rechts
 
  |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
 
{{Nebeneinander
 
  |Links=Links
 
  |Links=Links
Zeile 31: Zeile 58:
 
  |Extra2Rechts=Extra2Rechts
 
  |Extra2Rechts=Extra2Rechts
 
}}
 
}}
−
----
 
  
−
</noinclude><table class="layout {{
+
 
−
#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|collapsible collapsed}}" cellpadding="0" cellspacing="0" border="2" align="center" style="margin-left:auto; margin-right:auto;">
+
 
−
<tr>{{
+
 
−
#ifeq:{{#sub:{{{Mitte|{{{mitte|}}}}}}{{{Rechts|{{{rechts|}}}}}}[|0|1}}|[<!--
+
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;"
−
THEN no more text, put "more" link here:
+
[[Kategorie: Formatierung]]
−
  -->|<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|{{{links|}}}}}}}}vertical-align:top;">{{{Links|{{{links|}}}}}}</th><!--
+
</noinclude><!--
−
ELSE
+
  --><table class="layout {{
−
  -->|<td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|{{{links|}}}}}}}}vertical-align:top;">{{{Links|{{{links|}}}}}}</td><!--
+
#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|mw-collapsible mw-collapsed}}" {{
−
END -->}}
+
#if:{{{TabellenCSS|}}}|style="{{{TabellenCSS}}}"}} cellpadding="0" cellspacing="0"{{#if:{{{width|}}}|<nowiki> </nowiki>width="{{{width|}}}"}}{{#if:{{{style|}}}|<nowiki> </nowiki>style="{{{style|}}}"}}><!--
−
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|{{{mitte|}}}}}}}}vertical-align:top;">{{{Mitte|{{{mitte|}}}}}}</th>
+
--><tr><!--
−
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|{{{rechts|}}}}}}}}vertical-align:top;">{{{Rechts|{{{rechts|}}}}}}</th>
+
    --><td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td><!--
−
</tr><!--  
+
    --><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:
 
* Following are two optional collapsible parts. They use embedded tables to make column widths in each row independent:
 +
 
# EXTRA ROW 1:
 
# EXTRA ROW 1:
−
-->{{#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}|
+
-->{{#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}|<!--
−
<tr><td  colspan="3"><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" border="1" width="100%">
+
--><tr><!--
−
<tr>
+
  --><td  colspan="3"><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra1Links|}}}|content={{{Extra1Links|}}}}}vertical-align:top;">{{{Extra1Links|}}}</td>
+
  --><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%"><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra1Mitte|}}}|content={{{Extra1Mitte|}}}}}vertical-align:top;">{{{Extra1Mitte|}}}</td>
+
    --><tr><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra1Rechts|}}}|content={{{Extra1Rechts|}}}}}vertical-align:top;">{{{Extra1Rechts|}}}</td>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Links|}}}|content={{{Extra1Links|}}}}}vertical-align:top;">{{{Extra1Links|}}}</td><!--
−
</tr>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Mitte|}}}|content={{{Extra1Mitte|}}}}}vertical-align:top;">{{{Extra1Mitte|}}}</td><!--
−
</table>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra1Rechts|}}}|content={{{Extra1Rechts|}}}}}vertical-align:top;">{{{Extra1Rechts|}}}</td><!--
−
</td></tr>
+
    --></tr><!--
−
}}<!--  
+
  --></table><!--
 +
  --></td><!--
 +
--></tr><!--
 +
-->}}<!--  
 +
 
 
# EXTRA ROW 2:
 
# EXTRA ROW 2:
−
-->{{#if:{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|
+
-->{{#if:{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|<!--
−
<tr><td  colspan="3"><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" border="1" width="100%">
+
--><tr><!--
−
<tr>
+
  --><td  colspan="3"><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra2Links|}}}|content={{{Extra2Links|}}}}}vertical-align:top;">{{{Extra2Links|}}}</td>
+
  --><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%"><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra2Mitte|}}}|content={{{Extra2Mitte|}}}}}vertical-align:top;">{{{Extra2Mitte|}}}</td>
+
    --><tr><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungExtra2Rechts|}}}|content={{{Extra2Rechts|}}}}}vertical-align:top;">{{{Extra2Rechts|}}}</td>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Links|}}}|content={{{Extra2Links|}}}}}vertical-align:top;">{{{Extra2Links|}}}</td><!--
−
</tr>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Mitte|}}}|content={{{Extra2Mitte|}}}}}vertical-align:top;">{{{Extra2Mitte|}}}</td><!--
−
</table>
+
      --><td style="{{CSS-auto-align|align={{{AusrichtungExtra2Rechts|}}}|content={{{Extra2Rechts|}}}}}vertical-align:top;">{{{Extra2Rechts|}}}</td><!--
−
</td></tr>
+
    --></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:16 von https://offene-naturfuehrer.de/web/Vorlage:Nebeneinander