Wie nutzt man - tablestyler.com

  • Hallo Leute,


    ich hab eben eine "Website" zu erstellen versucht...


    Jedoch möchte ich die Tabelle aus http://tablestyler.com/ nutzen,
    jedoch weiß ich nicht wie das Funktioniert...
    Könnte mir das jemand genau erklären? :D



    *Sorry das ich so frage, aber ich würds gerne wissen,
    und tuts zum thema tablestyler hab ich nicht gefunden..



    Naja Danke im Vorraus

  • Also die Seite sieht mir sehr einfach aus, wo liegt das Problem?

    Wer ist der Mensch hinter der Uniform? Ist euch das bekannt?
    Es ist der selbe der noch eben in Zivil neben euch stand.
    Warum wird er gehasst und so selten respektiert?
    Warum ist er derjenige der seinen Hals für euch riskiert?
    Trägt der Bulle eine Weste, das hat er früher nie gemacht,
    die Zeiten haben sich geändert und jeder Dienst ist ein Kampf!
    Warum gibt’s das SEK und warum sind sie so brutal?
    Und wieso hat wieder einer mit seinem Leben bezahlt?

  • Code
    <div class="datagrid"><table>
    <thead><tr><th>header</th><th>header</th><th>header</th><th>header</th></tr></thead>
    <tfoot><tr><td colspan="4"><div id="paging"><ul><li><a href="#"><span>Previous</span></a></li><li><a href="#" class="active"><span>1</span></a></li><li><a href="#"><span>2</span></a></li><li><a href="#"><span>3</span></a></li><li><a href="#"><span>4</span></a></li><li><a href="#"><span>5</span></a></li><li><a href="#"><span>Next</span></a></li></ul></div></tr></tfoot>
    <tbody><tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    </tbody>
    </table></div>


    Diesen HTML Code Kopieren und da einfügen wo du es haben wills.

  • Code
    <div class="datagrid"><table>
    <thead><tr><th>header</th><th>header</th><th>header</th><th>header</th></tr></thead>
    <tfoot><tr><td colspan="4"><div id="paging"><ul><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>Previous</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#" class="active"><span>1</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>2</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>3</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>4</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>5</span></a></li><li><a href="/index.php?form=PostAdd&amp;threadID=182977#"><span>Next</span></a></li></ul></div></tr></tfoot>
    <tbody><tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr>
    </tbody>
    </table></div>


    Diesen HTML Code Kopieren und da einfügen wo du es haben wills.


    Das weiß ich ja,
    aber wie nutz ich jetzt das CSS Design? das versteh ich halt nicht ...
    x.x Neuland für mich hahah

  • Du solltest dich mal mit Cascading Style Sheets beschäftigen , ist gar nicht so schwer, die CSS Datei separat erstellen mit allen Eigenschaften und regeln und dann via HTML Tag einbinden.


    http://www.w3schools.com/css/


    edit : apropo , nicht dass du denkst du musst jedes mal eine neue css Datei erstellen, du kannst sie auch direkt im HTML Tag nutzen.

    Mfg. BlackFoX_UD_ alias [BFX]Explosion