Vorlage:Nebeneinander: Unterschied zwischen den Versionen

Aus Offene Naturführer
Wechseln zu: Navigation, Suche
Zeile 12: Zeile 12:
 
Das "vertical-align" der Zellen ist immer "oben".
 
Das "vertical-align" der Zellen ist immer "oben".
  
==Beispiel==
+
==Beispiele (ohne und mit Zusatzinformationen):==
  
 
{{Nebeneinander
 
{{Nebeneinander
Zeile 19: Zeile 19:
 
  |Rechts=Rechts
 
  |Rechts=Rechts
 
}}
 
}}
 +
 
----
 
----
 +
 
{{Nebeneinander
 
{{Nebeneinander
 
  |Links=Links
 
  |Links=Links
Zeile 31: Zeile 33:
 
  |Extra2Rechts=Extra2Rechts
 
  |Extra2Rechts=Extra2Rechts
 
}}
 
}}
 +
 
----
 
----
  
 
</noinclude><table class="layout {{
 
</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;">
+
#if:{{{Extra1Links|}}}{{{Extra1Mitte|}}}{{{Extra1Rechts|}}}{{{Extra2Links|}}}{{{Extra2Mitte|}}}{{{Extra2Rechts|}}}|collapsible collapsed}}" cellpadding="0" cellspacing="0" align="center" style="margin-left:auto; margin-right:auto;">
 
<tr>{{
 
<tr>{{
#ifeq:{{#sub:{{{Mitte|{{{mitte|}}}}}}{{{Rechts|{{{rechts|}}}}}}[|0|1}}|[<!--  
+
#ifeq:{{#sub:{{{Links|}}}[|0|1}}|[<!--
THEN no more text, put "more" link here:
+
THEN not text, put "more" link elsewhere:
  -->|<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|{{{links|}}}}}}}}vertical-align:top;">{{{Links|{{{links|}}}}}}</th><!--
+
  -->|
  ELSE
+
<td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td>{{
  -->|<td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|{{{links|}}}}}}}}vertical-align:top;">{{{Links|{{{links|}}}}}}</td><!--
+
  #ifeq:{{#sub:{{{Mitte|}}}[|0|1}}|[<!--  
 +
  THEN Mitte is not text, put "more" link into "Rechts":
 +
  -->|
 +
<td style="{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|}}}}}vertical-align:top;">{{{Mitte|}}}</td><!--
 +
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|}}}}}vertical-align:top;">{{{Rechts|}}}</th><!--
 +
  ELSE put "more" link into "Mitte"-->|
 +
<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 -->}}
 
  END -->}}
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungMitte|}}}|content={{{Mitte|{{{mitte|}}}}}}}}vertical-align:top;">{{{Mitte|{{{mitte|}}}}}}</th>
 
<th style="font-weight:normal;{{CSS-auto-align|align={{{AusrichtungRechts|}}}|content={{{Rechts|{{{rechts|}}}}}}}}vertical-align:top;">{{{Rechts|{{{rechts|}}}}}}</th>
 
 
</tr><!--  
 
</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><td  colspan="3"><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%">
 
<tr>
 
<tr>
 
<td style="{{CSS-auto-align|align={{{AusrichtungExtra1Links|}}}|content={{{Extra1Links|}}}}}vertical-align:top;">{{{Extra1Links|}}}</td>
 
<td style="{{CSS-auto-align|align={{{AusrichtungExtra1Links|}}}|content={{{Extra1Links|}}}}}vertical-align:top;">{{{Extra1Links|}}}</td>
Zeile 59: Zeile 72:
 
# 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><td  colspan="3"><table class="layout" cellpadding="0" cellspacing="0" style="margin:0;" width="100%">
 
<tr>
 
<tr>
 
<td style="{{CSS-auto-align|align={{{AusrichtungExtra2Links|}}}|content={{{Extra2Links|}}}}}vertical-align:top;">{{{Extra2Links|}}}</td>
 
<td style="{{CSS-auto-align|align={{{AusrichtungExtra2Links|}}}|content={{{Extra2Links|}}}}}vertical-align:top;">{{{Extra2Links|}}}</td>

Version vom 10. April 2010, 22:51 Uhr


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

Beispiele (ohne und mit Zusatzinformationen):

LinksMitteRechts

LinksMitteRechts
Extra1LinksExtra1MitteExtra1Rechts
Extra2LinksExtra2MitteExtra2Rechts

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