Tabellenoptimierung

[Zeitgenosse]

Hallo,

ich bin gerade dabei eine Tabelle zu erstellen. Es handelt sich um ein 5-spaltige Tabelle und ca. 20 Zeilen. In der ersten Spalte stehen Begrifflichkeiten und in den anderen 4-Spalten sollen diese durch einen Harken als vorhanden bzw. bei fehlen dieses Harkens, als nicht vorhanden gekennzeichnet werden.
Jetzt wollte ich mal fragen,ob es eine Möglichkeit gibt, über CSS oder HTML, damit ich das gif-Bild nicht immer wieder in den td-Container eingeben muss.

Danke.Herzlich, Sven.

[Cybergreek]

Du könntest den Zellen zwei unterschiedliche Klassen zuweisen. Eine mit dem Haken als Hintergrundbild, eine ohne.
Aber eine Zuweisung musst Du ja dann trotzdem noch machen (in dem Fall dann eine Zuweisung der css-Klasse).

[Zeitgenosse]

Hallo,

ich weiß noch nicht so richtig, wie ich den class-Befehl integrieren soll. Ich habe mal ein Foto und ein Codeschnipsel angehangen. Vielleicht kann man hier auch anders rangehen. Ich hatte auch schon überlegt mit float und divs zu arbeiten, bin aber erst einmal bei der Tabelle geblieben.

Was meint Ihr?
Danke. Herzlich, Sven.

<div id="content_funktion">
			<h1>Funktionsübersicht</h1>
	<table>
	<colgroup width="360" />
	<colgroup width="135" span="4" />
        
	  	<thead>
			<tr>
				<th></th>
				<th><h2>Spalte 1</h2></th>
				<th><h2>Spalte 2</h2></th>
				<th><h2>Spalte 3</h2></th>
				<th><h2>Spalte 4</h2></th>
			</tr>
		
		<tbody>
	  		<tr><th><h4>Themenüberschrift 1</h4></th></tr>
			<tr>
				<td><p>Zeile 1</p></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td>
			</tr>
			
			<tr><th><h4>Themenüberschrift 2</h4></th></tr>
			<tr><td><p>Zeile 2</p></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td></td></tr>
			<tr><td><p>Zeile 3</p></td><td></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td></tr>
			<tr><td><p>Zeile 4</p></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td><img src="PICS/Symnbole/Harken.jpg" /></td><td></td></tr>

[designfanatiker]

Jetzt wollte ich mal fragen,ob es eine Möglichkeit gibt, über CSS oder HTML, damit ich das gif-Bild nicht immer wieder in den td-Container eingeben muss.

Das wäre grober Unfug. Schließlich ist der Haken (!) ein wichtiger Teil des Inhalts. Er sollte mit einem entsprechenden Alternativtext versehen werden.