Tabele mit Container etc aber wie?

LiberrY · 19. Oktober 2011

Hallo,

ich versuche derzeit eine Tabele zuerstellen, wo ich Container usw mit benutze und vorhanden habe.
Wie kann ich euch das am besten beschrieben? Die Tabele soll sich halt dem Style anpassen.

Erst einmal der Code:

Code

<table width="500" border="0">
	<tr>
    	<td width="174">Leitung</td>
    	<td width="45">Status</td>
    	<td width="267">Detials</td>
  	</tr>
  	<tr>
    	<td>1</td>
    	<td><span class="containerIconSmall"><img title="Deaktiviert" alt="Deaktiviert" src="wcf/icon/removeM.png"></span></td>
    	<td>5</td>
  	</tr>
  	<tr>
    	<td>2</td>
    	<td><span class="containerIconSmall"><img title="Aktivieriert" alt="Aktivieriert" src="wcf/icon/successM.png"></span></td>
    	<td>6</td>
  	</tr>
  	<tr>
    	<td>3</td>
    	<td><span class="containerIconSmall"><img title="Deaktiviert" alt="Deaktiviert" src="wcf/icon/removeM.png"></span></td>
    	<td>7</td>
  	</tr>
  	<tr>
    	<td>4</td>
    	<td><span class="containerIconSmall"><img title="Aktivieriert" alt="Aktivieriert" src="wcf/icon/successM.png"></span></td>
    	<td>8</td>
  	</tr>
</table>

Alles anzeigen

Die Grund idee war, das die Tabele so aussieht wie die Tabele der Mitgliederliste und sich halt immer an den Style anpasst. Eventuell hilft diese Erklärung ja

Marc · 19. Oktober 2011

Du kannst dir ja mal das Template membersList.tpl oder boardThreads.tpl anschauen.

Hier aber mal ein beispiel und du solltest dran denken immer Sprachvariablen zu Benutzen in den Templates, und wenn du icons einbinden willst kannst du {icon}iconNameL.png{/icon} benutzen.

Code

<table class="tableList yourList">
	<thead>
		<tr class="tableHead">
			<th class="columnManagement"><div>Leitung</div></th>
			<th class="columnStatus"><div>Status</div></th>
			<th class="columnDetails"><div>Details</div></th>
		</tr>
	</thead>
	<tbody>
		{cycle values='container-1,container-2' name='className' print=false advance=false}
		<tr class="{cycle name='className'}">
			<td class="columnManagement">1</td>
			<td class="columnStatus"><span class="containerIconSmall"><img title="Deaktiviert" alt="Deaktiviert" src="{icon}removeM.png{/icon}"></span></td>
			<td class="columnDetails">5</td>
		</tr>
	</tbody>
</table>

Alles anzeigen

LiberrY · 19. Oktober 2011

Hay, das mit Sprachvariabeln ist mir auch aufgefallen muss ich auch noch alles umstellen jedoch wenn ich deinen Code verwende, sieht die Tabele wie folgt aus

Also sprich da fehlen irgendwie noch sachen.

Tom · 19. Oktober 2011

Da fehlt denke ich das:

Tabelle

</div>

LiberrY · 19. Oktober 2011

Bei mir sieht das nun so aus:

Was noch falsch Angezeigt wird, ist diese Erste Zeile ganz oben da fehlt eine grafik oder so

Marc · 19. Oktober 2011

da fehlt das <a> aber das hast du ja normal nicht

LiberrY · 20. Oktober 2011

Nach dem ich mir nochmal den Code angeguckt habe, hatte ich mir gedacht das man es eventuell auch micht

Code

<span class="emptyHead"> xyz </span>

machen könnte und tada ich hatte recht

Tabele mit Container etc aber wie?

cls-design

Informationen

Demoinstallationen

Hilfe