Elemente in eigener .tpl-datei mit CSS beeinflussen

Deutsches Forum
1

Hallo!

Ich möchte eine HTML-Tabelle mit allen Kategorien in die linke Spalte bekommen, komme aber nicht weiter.
Als Basis dient das Basic-Theme auf einem OXID eShop CE 4.7.8.

Im /inc Verzeichnis des Themes habe ich eine neue .tpl-Datei erstellt und sie in der _left.tpl an der richtigen Stelle includiert.
Das in HTML geschrieben wird auch ordnungsgemäß angezeigt.
Nun möchte ich das Aussehen der Tabelle aber über CSS gestalten können, finde aber nicht heraus, wie ich sie ordnungsgemäß in die oxid.css einbinde.

Das in HTML-Geschriebene in der custom_abc_view.tpl


<div class "custom_abc_view">
	<table>
		<tr>
				<td colspan="6" align=center><b>Kategorien</b></td> 
		</tr>
	
		<tr> 
				<td colspan="6" align=center><font size="2">Alphabetisch sortiert</font></td>
		</tr>
	
		<tr> 
				<td align=center>A</td>
				<td align=center>B</td>
				<td align=center>C</td>
				<td align=center>D</td>
				<td align=center>E</td>
				<td align=center>F</td>
		</tr>
	</table>
</div>

In der oxid.css Datei habe ich folgendes eingefügt:

table.custom_abc_view{width:300px;}

Es wird jedoch nichts verändert, auch trotz verschiedenster Variationen.

Wisst ihr, was ich falsch mache?
Über eine kurze Einschätzung würde ich mich sehr freuen!

Vielen Dank & Schönen Gruß
dorfmeister

2

Wenn deine CSS Anweisung so aussieht wie gepostet, dann sollte die Klasse wohl eher dem Table Tag zugeordnet sein, oder?:slight_smile:

3

Vielen Dank! :slight_smile:
Funktioniert nun einwandfrei!

Gruß
dorfmeister

EDIT: Sieht nun so aus:
table.custom_abc_view{…}