Vorlage:Nebeneinander: Unterschied zwischen den Versionen

Aus Offene Naturführer
Wechseln zu: Navigation, Suche
K
K (Test mw-collapsible mw-collapsed Umstellung)
 
(2 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
 
<noinclude>
 
<noinclude>
  
−
(TODO: der „more“-Link sollte im rechts-möglichen Text-Element stehen, nicht im links-möglichen!)
+
(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 10: 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“.
+
* 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 ==
 
==Beispiele ==
Zeile 63: Zeile 64:
 
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;"
 
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]]
 
[[Kategorie: Formatierung]]
−
</noinclude><table class="layout {{
+
</noinclude><!--
−
#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|collapsible collapsed}}" cellpadding="0" cellspacing="0"{{#if:{{{width|}}}|<nowiki> </nowiki>width="{{{width|}}}"}}{{#if:{{{style|}}}|<nowiki> </nowiki>style="{{{style|}}}"}}>
+
  --><table class="layout {{
−
<tr>{{
+
#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|mw-collapsible mw-collapsed}}" {{
−
#ifeq:{{#sub:{{{Links|}}}[|0|1}}|[<!--  
+
#if:{{{TabellenCSS|}}}|style="{{{TabellenCSS}}}"}} cellpadding="0" cellspacing="0"{{#if:{{{width|}}}|<nowiki> </nowiki>width="{{{width|}}}"}}{{#if:{{{style|}}}|<nowiki> </nowiki>style="{{{style|}}}"}}><!--
−
THEN not text, put "more"-link elsewhere: -->|
+
--><tr><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td>{{
+
    --><td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td><!--
−
  #ifeq:{{#sub:{{{Mitte|}}}[|0|1}}|[<!--  
+
    --><td style="{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|}}}}}vertical-align:top;">{{{Mitte|}}}</td><!--
−
  THEN Mitte is not text, put "more"-link into "Rechts" (if needed): -->|
+
    --><td style="{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|}}}}}vertical-align:top;">{{{Rechts|}}}</td><!--
−
<td style="{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|}}}}}vertical-align:top;">{{{Mitte|}}}</td>
+
--></tr><!--  
−
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|}}}}}vertical-align:top;">{{{Rechts|}}}</th><!--
+
−
  ELSE "more"-link goes to "Mitte" (if needed):-->|
+
−
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|}}}}}vertical-align:top;">{{{Mitte|}}}</th>
+
−
<td style="{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|}}}}}vertical-align:top;">{{{Rechts|}}}</td><!--
+
−
  END -->}}<!--
+
−
ELSE put "more" link into "Links": -->|
+
−
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</th>
+
−
<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><!--
+
−
END -->}}
+
−
</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;" 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;" 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:13 von https://offene-naturfuehrer.de/web/Vorlage:Nebeneinander