Vorlage:Infobox Block: Unterschied zwischen den Versionen

Aus Ottonien Wiki
Zur Navigation springen Zur Suche springen
Romegon (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Romegon (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
   <tr><th colspan="2" class="infobox-header">{{{name}}}</th></tr>
   <tr><th colspan="2" class="infobox-header">{{{name}}}</th></tr>


  <tr>
Gemini hat gesagt
    <td colspan="2" style="text-align: center; padding: 10px; vertical-align: middle;">
 
      <div style="width: 140px; height: 160px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: center; image-rendering: pixelated;">
Das Hauptproblem in deinem Code ist, dass du versuchst, ein <tr> (eine Tabellenzeile) innerhalb eines <td> (einer Tabellenzelle) zu öffnen. Das zerstört das Tabellenlayout.
        {{#ifexist: Medium:{{{name}}}.gif
 
          | [[Datei:{{{name}}}.gif|140x160px|center|link=]]
Um das alternative Bild direkt unter dem Hauptbild in derselben Zelle anzuzeigen, musst du lediglich das umschließende <tr> im unteren Teil entfernen und stattdessen ein einfaches Block-Element (wie ein div) oder einen Zeilenumbruch verwenden.
          | [[Datei:{{{name}}}.png|140x160px|center|link=]]
 
         }}
Hier ist der korrigierte Code:
HTML
 
<tr>
  <td colspan="2" style="text-align: center; padding: 10px; vertical-align: middle;">
    <div style="width: 140px; height: 160px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; justify-content: center; image-rendering: pixelated;">
      {{#ifexist: Medium:{{{name}}}.gif
        | [[Datei:{{{name}}}.gif|140x160px|center|link=]]
        | [[Datei:{{{name}}}.png|140x160px|center|link=]]
      }}
    </div>
 
    {{#ifeq: {{{alternative|+}}} | {{{alternative|-}}} |
      <div style="margin-top: 10px;">
         [[Datei:{{{alternative}}}.png|100px|center|link=]]
       </div>
       </div>
{{#ifeq: {{{alternative|+}}} | {{{alternative|-}}} |
    |}}
    <tr>
   </td>
      [[Datei:{{{alternative}}}.png|100px|center|link=]]
</tr>
    </tr>
 
   |}}
    </td>
  </tr>


   <tr><th colspan="2" class="sub-title">Blöcke</th></tr>
   <tr><th colspan="2" class="sub-title">Blöcke</th></tr>

Version vom 7. März 2026, 19:44 Uhr

Gemini hat gesagt

Das Hauptproblem in deinem Code ist, dass du versuchst, ein (eine Tabellenzeile) innerhalb eines im unteren Teil entfernen und stattdessen ein einfaches Block-Element (wie ein div) oder einen Zeilenumbruch verwenden. Hier ist der korrigierte Code: HTML




{{{name}}}
(einer Tabellenzelle) zu öffnen. Das zerstört das Tabellenlayout. Um das alternative Bild direkt unter dem Hauptbild in derselben Zelle anzuzeigen, musst du lediglich das umschließende
     [[Datei:{{{name}}}.png|140x160px|center|link=]]


Blöcke