• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellen Styling

xCiiD

Neues Mitglied
hallo !

Ich habe in meiner .tpl datei folgende tabelle eingebaut:

Code:
<style type="text/css">
table,td { border : 1px solid #CCC; border-collapse : collapse; font : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; } table { border :none; border :1px solid #CCC; } thead th, tbody th { background : #FFF url(foot_bck.gif) repeat-x; color : #666; padding : 5px 10px; border-left : 1px solid #CCC; } tbody th { background : #fafafb; border-top : 1px solid #CCC; text-align : left; font-weight : normal; } tbody tr td { padding : 5px 10px; color : #666; } tbody tr:hover { background : #FFF url(foot_bck.gif) repeat; } tbody tr:hover td { color : #454545; } tfoot td, tfoot th { border-left : none; border-top : 1px solid #CCC; padding : 4px; background : #FFF url(foot_bck.gif) repeat; color : #666; } caption { text-align : left; font-size : 120%; padding : 10px 0; color : #666; } table a:link { color : #666; } table a:visited { color : #666; } table a:hover { color : #003366; text-decoration : none; } table a:active { color : #003366; }</style>
<table border="1" width="100%">
    <tbody>
        <tr>
            <th style="text-align: center;">
                <span style="font-size:16px;"><strong>Charakter</strong></span></th>
            <th style="text-align: center;">
                <span style="font-size:16px;"><strong>Erbeuteter Gegenstand</strong></span></th>
            <th style="text-align: center;">
                <span style="font-size:16px;"><strong>Raid</strong></span></th>
        </tr>
        <tr>
        </tr>
        <tr>
            <td style="text-align: center;">
                <a href="http://eu.battle.net/wow/de/character/shadowsong/Todesritter/simple"><strong><span style="color:#cc0033;">Todesritter</span></strong></a></td>
            <td style="text-align: center;">
                <a href="http://de.wowhead.com/item=96569">Wird geladen...</a></td>
            <td style="text-align: center;">
                <a href="http://eu.battle.net/wow/de/zone/throne-of-thunder/"><span style="color:#0000cd;"><strong>TdD</strong></span></a></td>
        </tr>
        <tr>
            <td style="text-align: center;">
                <a href="http://eu.battle.net/wow/de/character/frostwolf/Pandarina/simple"><span style="color:#006666;"><strong>Pandarina</strong></span></a></td>
            <td style="text-align: center;">
                <a href="http://de.wowhead.com/item=95274">Wird geladen...</a></td>
            <td style="text-align: center;">
                <a href="http://eu.battle.net/wow/de/zone/throne-of-thunder/"><span style="color: rgb(0, 0, 205);"><strong>TdD</strong></span></a></td>
        </tr>
    </tbody>
</table>
<br />

Da ich nun ein neues Forendesign habe, ist der hintergrund nun undefiniert was vorher kein problem war da der hintergrund der seite weiß war, da die seite nun dunkelgrau ist bräuchte ich einen standart hintergrund, ich weiß allerdings nicht wie ich einen zeilenhintergrund einfügen kann. Könnte mir das jemand erklären?
 
Wenn ich das mache löst sich , nenen wir es mal das flache design von der tabelle und sie sieht wieder aus wie eine normale html tabelle.

Edit: grr >.< ich hasse diese tabelle ! Jemand einen lösungsansatz ?
 
Zuletzt bearbeitet:
Zurück
Oben