Bar med 28. okt. 2022, 08:21

2022-10-28T08:21:56Z

← Ældre version		Versionen fra 28. okt. 2022, 10:21
Linje 2:		Linje 2:
	<table border="1">		<table border="1">
	<tr>		<tr>
	<td>Række 1, celle 1</td>		<td>Række 1, celle 1</td>
	<td>Række 1, celle 2</td>		<td>Række 1, celle 2</td>
	</tr>		</tr>

Bar: 1 version importeret

2022-10-28T07:38:09Z

1 version importeret

← Ældre version	Versionen fra 28. okt. 2022, 09:38
(Ingen forskel)

htx_>Bar: 1 version importeret

2022-08-01T13:50:06Z

1 version importeret

Ny side

Tables i HTML kode og CSS kode har forskellige egenskaber, men CSS har evnen til at være meget mere fleksibel. Hvor man i HTML kun kan lave
<table border="1">
<tr>
<td>Række 1, celle 1</td>
<td>Række 1, celle 2</td>
</tr>
<tr>
<td>Række 2, celle 1</td>
<td>Række 2, celle 2</td>
</tr>
</table>
Dette får man frem ved hjælp af standard HTML kode

<nowiki><table border="1"></nowiki>
<nowiki><tr></nowiki>
<nowiki><td>Række 1, celle 1</td></nowiki>
<nowiki><td>Række 1, celle 2</td></nowiki>
<nowiki></tr></nowiki>
<nowiki><tr></nowiki>
<nowiki><td>Række 2, celle 1</td></nowiki>
<nowiki><td>Række 2, celle 2</td></nowiki>
<nowiki></tr></nowiki>
<nowiki></table></nowiki>

Til gengæld kan man lave meget pænere tables med CSS-formattering, såsom

[[Fil:CSS_Table.JPG]]

ved at skrive
<nowiki>table, td, th</nowiki>
<nowiki>{</nowiki>
<nowiki>border:1px solid green;</nowiki>
<nowiki>}</nowiki>
<nowiki>th</nowiki>
<nowiki>{</nowiki>
<nowiki>background-color:green;</nowiki>
<nowiki>color:white;</nowiki>
<nowiki>}</nowiki>

I CSS fungerer "border" linjen ligesom den gør i HTML hvor at man skriver hvor mange pixels der skal være i borderen. Dog kan man nu også angive en farve, solid green i dette tilfælde. Den farve angivet der er den der fylder den øverste linje, ergo overskriften.
Den farve der er angivet ved at skrive background-color:<Name of colour goes here>; er den baggrundsfarve der skal bruges i resten af cellerne
som baggrundsfarve.

Tables bruges tit til at organisere information i form af tal eller andre ting der skal kategoriseres. I dette eksempel er det brugt til pænt at vise navnene på forskellige firmaer, navnene på deres ansatte og deres land.
{{webdesign}}
[[Kategori:CSS_Egenskaber]]

CSS-table - Versionshistorie

Bar med 28. okt. 2022, 08:21

Bar: 1 version importeret

htx_>Bar: 1 version importeret