Farveskift af celler i en tabel

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
Michael Aggerholm
Begynder
Indlæg: 1
Tilmeldt: 27. aug 2017, 12:07
Geografisk sted: Sjælland
Kontakt:

Farveskift af celler i en tabel

Indlæg af Michael Aggerholm » 27. aug 2017, 12:20

Hejsa alle i 'kloge' hoveder..

Jeg har en lille drilsk ting som har plaget mig et stykke tid..

Jeg er ved at lave noget slægtsforskning, men vil gerne have at cellerne i tabellen skifter farve efter om det er Han eller Hunkøn.

eks.

Kode: Vælg alt

 <td rowspan=11 ID=".han">Jens Holger Aggerholm</td>...
I css filen er [.han] defineret således.

Kode: Vælg alt

.han td, td{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top;background-color:#87CEEB!important}
Nogen som kan se hvad f. jeg gør galt ?

Siden jeg arbejder med er på : https://aggerholmklanen.000webhostapp.com/index.php?p=3

Mange venlige Hilsner, Michael.

cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Re: Farveskift af celler i en tabel

Indlæg af cristian » 27. aug 2017, 23:02

Kode: Vælg alt

<style>
	.him td {
		background-color: cyan;
	}
	
	.her td {
		background-color: pink;
	}
</style>

<table>
	<tr class="him">
		<td></td>
	</tr>
	
	
	<tr class="her">
		<td></td>
	</tr>
</table>
Du skal skrive ID som id="noget", uden punktum foran.
I CSS så er elementer der begynder med et punktum automatisk en klasse, og et element som begynder med en havelåge (#) er et id.

Et id kan kun bruges en enkel gang pr side (der må kun findes 1 per side), hvor en klasse kan bruges så mange gange som nødvendigt.

Besvar