Vorlage:Nebeneinander: Unterschied zwischen den Versionen
Aus Offene Naturführer
Zeile 12: | Zeile 12: | ||
Das "vertical-align" der Zellen ist immer "oben". | Das "vertical-align" der Zellen ist immer "oben". | ||
− | == | + | ==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 | + | #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:{{{ | + | #ifeq:{{#sub:{{{Links|}}}[|0|1}}|[<!-- |
− | + | THEN not text, put "more" link elsewhere: | |
− | + | -->| | |
− | ELSE | + | <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": | ||
+ | -->| | ||
+ | <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 -->}} | ||
− | |||
− | |||
</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; | + | <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; | + | <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):
Links | Mitte | Rechts |
Links | Mitte | Rechts | |||
| |||||
|