Tabelle mit Titel und Optionsspalte BBCode

Alle Themen in diesem Bereich (Kategorie) werden alphabetisch sortiert angezeigt!

Tabelle mit Titel und Optionsspalte BBCode

Beitragvon sladdi » Fr 22. Feb 2013, 17:25

Name: Tabelle mit Titel und Optionsspalte BBCode
Autor: Sladdi
phpBB Version: 3.0.11
Browser Version: getestet mit FF 17 und IE 10
Beschreibung: 2spaltiger Tabellencode mit Titel und linker Optionsspalte - Design über CSS & Inhalt über die HTML-Ersetzung anpassbar.
Spalten und Zeilen beliebig erweiterbar.
Demo: 3 Spaltentabelle
Zugang: Name: testuser / Pass: TESTUSER

BBCode:  
Code: Alles auswählen
[table2_t_4o_2s][/table2_t_4o_2s


HTML:  
Code: Alles auswählen
<!DOCTYPE html>
<
html>
<
head>
<
style>
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers caption
{
font-size:1.8em;
border:1px solid #000000;
text-align:middle;
padding-top:5px;
padding-bottom:4px;
background-color:#8E8E8E;
color:#ffffff;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #000000;
padding:3px 7px 2px 7px;
background-color:#FF0000;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#8E8E8E;
color:#ffffff;
}
#customers tr.alt1 td 
{
color:#000000;
background-color:#FF00FF;
}
#customers tr.alt2 td 
{
color:#000000;
background-color:#FFFF00;
}
</
style>
</
head>

<
body>
<
table id="customers">

<
caption>Titel</caption>

<
tr>
  <th></th>
  <th>Spalte1</th>
  <th>Spalte2</th>
</
tr>
<
tr>
<
th>Option1</th>
<
td>Spalte2 Text Zeile1</td>
<
td>Spalte3 Text Zeile1</td>
</
tr>
<
tr class="alt2">
<
th>Option2</th>
<
td>Spalte2 Text Zeile2</td>
<
td>Spalte3 Text Zeile2</td>
</
tr>
<
tr>
<
th>Option3</th>
<
td>Spalte2 Text Zeile3</td>
<
td>Spalte3 Text Zeile3</td>
</
tr>
<
tr class="alt1">
<
th>Option4</th>
<
td>Spalte2 Text Zeile4</td>
<
td>Spalte3 Text Zeile4</td>
</
tr>
</
table>
</
body>
</
html


Demobild:

Bildname: Ashampoo_Snap_2013.02.22_17h22m47s_013_.jpg
Moderatoren sind auch nur Menschen.... :roll:
Benutzeravatar
sladdi
Supporter
Beiträge: 903
Themen: 126
Registriert: 23.10.2012
Wohnort: Zell i.W.
Danke gegeben: 61
Danke bekommen:
74 mal in 65 Beiträgen
Vorname: Thomas
phpBB.de: sladdicool

Zurück zu Style BBCodes



Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast


x-Achse: 0
y-Achse: 0
cron