Vorlage:Nebeneinander: Unterschied zwischen den Versionen

Aus Offene Naturführer
Wechseln zu: Navigation, Suche
K (Test mw-collapsible mw-collapsed Umstellung)
 
(4 dazwischenliegende Versionen von 2 Benutzern 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“.
 +
* 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 ==
−
 
+
−
==Beispiele (ohne und mit Zusatzinformationen):==
+
  
 +
'''Ohne Zusatzinformationen:'''
 
  <nowiki>{{Nebeneinander</nowiki>
 
  <nowiki>{{Nebeneinander</nowiki>
−
  |Links=Links
+
  |Links = Links
−
  |Mitte=Mitte
+
  |Mitte = Mitte
−
  |Rechts=Rechts
+
  |Rechts= Rechts
 
  <nowiki>}}</nowiki>
 
  <nowiki>}}</nowiki>
  
Zeile 28: Zeile 30:
 
}}
 
}}
  
−
----
+
'''Mit Zusatzinformationen:'''
−
 
+
<source lang="html4strict">
−
<nowiki>{{Nebeneinander</nowiki>
+
{{Nebeneinander
−
  |Links=Links
+
  |Links = Links
−
  |Mitte=Mitte
+
  |Mitte = Mitte
−
  |Rechts=Rechts
+
  |Rechts= Rechts
−
  |Extra1Links=Extra1Links
+
<!-- versteckte Zeile 1 -->
−
  |Extra1Mitte=Extra1Mitte
+
  |Extra1Links = Extra1Links
−
  |Extra1Rechts=Extra1Rechts
+
  |Extra1Mitte = Extra1Mitte
−
  |Extra2Links=Extra2Links
+
  |Extra1Rechts= Extra1Rechts
−
  |Extra2Mitte=Extra2Mitte
+
<!-- versteckte Zeile 2 -->
−
  |Extra2Rechts=Extra2Rechts
+
  |Extra2Links = Extra2Links
−
<nowiki>}}</nowiki>
+
  |Extra2Mitte = Extra2Mitte
 +
  |Extra2Rechts= Extra2Rechts
 +
}}
 +
</source>
  
 
{{Nebeneinander
 
{{Nebeneinander
Zeile 54: Zeile 59:
 
}}
 
}}
  
−
----
+
 
 +
 
  
 
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]]
 +
</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:
  
−
</noinclude><table class="layout {{
 
−
#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|}}}"}}>
 
−
<tr>{{
 
−
#ifeq:{{#sub:{{{Links|}}}[|0|1}}|[<!--
 
−
THEN not text, put "more"-link elsewhere: -->|
 
−
<td style="{{CSS-auto-align|align={{{AusrichtungLinks|}}}|content={{{Links|}}}}}vertical-align:top;">{{{Links|}}}</td>{{
 
−
  #ifeq:{{#sub:{{{Mitte|}}}[|0|1}}|[<!--
 
−
  THEN Mitte is not text, put "more"-link into "Rechts" (if needed): -->|
 
−
<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 "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:
 
 
# 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:14 von https://offene-naturfuehrer.de/web/Vorlage:Nebeneinander