Zum Inhalt springen

Tabellenzeilen Zebra-Design

Erstellt am 6. Juni 2012 · 1 Antwort · letzte Antwort am 6. Juni 2012

Tags: HTML & CSS, Frage

Devil ·

Hallo,
ich weiß das Thema wurde schon oft behandelt, aber ich stehe trotzdem vor einem Problem und weiß mir keine Lösung, auch nicht durch googlen.

Ich habe in mein PageTS folgendes hinzugeügt:

contentCSS = fileadmin/scripts/mein.css
classesTable = stripedtable
RTE.default.proc.allowedClasses (..., stripedtable, row-odd, row-even)
RTE.classes {
  stripedtable {
    name = Striped Table
    alternating.rows {
      startAt = 1
      oddClass = row-odd
      evenClass = row-even
    }
  }
}
RTE.mutuallyExclusiveClasses = row-odd, row-even

Im Setup noch die Zeile hinzugeügt:
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list = contenttable, stripedtable

Und das CSS angepasst:

table.stripedtable { border-top: 1px solid #CCCCCC; }
table.stripedtable tr.row-odd { background: #FFFFFF; }
table.stripedtable tr.row-even { background: #E6E6E6; }

Füge ich im RTE nun eine Tabelle mit Zeilen über den Tabellen Button ein funktioniert das auch alles einwandfrei. Er erstellt mir die Tabelle mit den Zeilen abwechselnd "row-even" "row-odd":

<table cellpadding="0" cellspacing="0" class="stripedtable">
<thead>
    <tr>
        <th scope="col">1</th>
        <th scope="col">1</th>
        <th scope="col">1</th>
        <th scope="col">1</th>
    </tr>
</thead>
<tbody>
    <tr class="row-even">
        <td>2</td>
        <td>2</td>
        <td>2</td>
        <td>2</td>
    </tr>
    <tr class="row-odd">
        <td>3</td>
        <td>3</td>
        <td>3</td>
        <td>3</td>
    </tr>
    <tr class="row-even">
        <td>4</td>
        <td>4</td>
        <td>4</td>
        <td>4</td>
    </tr>
</tbody>
</table>

Füge ich nun nachträglich über den Button "Insert Row after" weitere Zellen ein, schreibt er mir in mein HTML etliche row-odd und row-even. Zudem erstellt er mir ein rowspan="1":

<table cellpadding="0" cellspacing="0" class="stripedtable">
    <thead>
        <tr>
            <th scope="col">1</th>
            <th scope="col">1</th>
            <th scope="col">1</th>
            <th scope="col">1</th>
        </tr>
    </thead>
    <tbody>
        <tr class="row-even row-even row-even row-even row-even">
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr class="row-odd row-odd row-odd row-odd row-odd">
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
        </tr>
        <tr class="row-even row-even row-even row-even row-even">
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
        </tr>
        <tr class="row-odd row-odd row-odd row-odd">
            <td rowspan="1">5</td>
            <td rowspan="1">5</td>
            <td rowspan="1">5</td>
            <td rowspan="1">5</td>
        </tr>
        <tr class="row-even row-even row-even row-even">
            <td rowspan="1">6</td>
            <td rowspan="1">6</td>
            <td rowspan="1">6</td>
            <td rowspan="1">6</td>
        </tr>
        <tr class="row-odd row-odd">
            <td rowspan="1">7</td>
            <td rowspan="1">7</td>
            <td rowspan="1">7</td>
            <td rowspan="1">7</td>
        </tr>
        <tr class="row-even row-even row-even">
            <td rowspan="1">8</td>
            <td rowspan="1">8</td>
            <td rowspan="1">8</td>
            <td rowspan="1">8</td>
        </tr>
    </tbody>
</table>

Kann mir jemand sagen, ob ich was falsch mache? Wie bekomme ich es hin, dass er mir pro Zeile nur ein "row-odd" oder "row-even" erstellt und kein rowspan hinzufügt?
Ich kann ja nicht verlangen, dass jemand, der eine Tabelle benötigt, von anfang an weiß, wie viele Zeilen er braucht.

Ich verwende TYPO3 4.2.6 und htmlArea RTE 1.7.9

Danke schon einmal im Voraus.

Devil

Devil ·

#angry# #angry# #angry# #angry# #angry# #angry# #angry# #angry# #angry# #angry#

Nach Stunden langem rum probieren, habe ich jetzt gemerkt, dass das Problem mit den mehrfachen row-odd und row-even css-Angaben durch den Internet Explorer verursacht worden sind. :x :x :x

Ich habe das gleiche jetzt mit dem Firefox versucht und schwup da setzt er brav immer nur ein row-odd und row-even.

Das einzigste was weiterhin besteht, wenn ich über den RTE eine weitere Zeile hinzufüge ist, dass er immer noch das rowspan="1" setzt:

<table class="stripedtable" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <th style="width: 288px;" scope="col">1</th>
            <th style="width: 80px;" scope="col">1</th>
            <th style="width: 80px;" scope="col">1</th>
            <th style="width: 80px;" scope="col">1</th>
        </tr>
    </thead>
    <tbody>
        <tr class="row-even">
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr class="row-odd">
            <td rowspan="1">3</td>
            <td rowspan="1">3</td>
            <td rowspan="1">3</td>
            <td rowspan="1">3</td>
        </tr>
        <tr class="row-even">
            <td rowspan="1">4</td>
            <td rowspan="1">4</td>
            <td rowspan="1">4</td>
            <td rowspan="1">4</td>
        </tr>
    </tbody>
</table>

Hat hier jemand noch eine Idee woher er sich das holt?