Ga naar inhoud

Font table color in een CSS stylesheet


Bocky Wocky
 Delen
Volgers 0

Aanbevolen berichten

Het onderwerp zegt het al.. hoe wijzig ik via een css de font kleur van een stuk tekst in een tabel?

Het gaat dus niet om de achtergrond, maar om de kleur van de tekst in een tabel.

 

There are 10 kinds of people in the world.

Those who understand binary numbers and those who don't.

Link naar bericht
Delen op andere sites

Dit kan je doen met een span.

 

<span class="kleurtekst">Hier komt de tekst</span>

 

of de cel van tabel <td class="kleurtekst"></td>

 

In je css

 

.kleurtekst {color: #FF0000; } (geeft rode tekst)

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar bericht
Delen op andere sites

Yes gelukt! laugh

Dit is het geworden als voorbeeld:

 

Code:
<table>	<tr>		<td class="kleurtekst">Ik hou van:</td>		<td class="kleurtekst">Ik hou niet van:</td>	</tr>	<tr>		<td class="kleurtekst">		Spaghetti<br>		Lasagne<br>		Broccoli<br>		Bloemkool<br>		Friet		</td>		<td class="kleurtekst">		Paprika<br>	</td>	</tr></table>

 

 

En deze regel in de css toegevoegd:

 

.kleurtekst {color: #FF0000; }

 

 

 

Beiden bedankt!

B.W.

 

 

 

There are 10 kinds of people in the world.

Those who understand binary numbers and those who don't.

Link naar bericht
Delen op andere sites
Gast Richard7

Als je hele tabel die tekstkleur moet hebben kun je de class ook meteen in je <table> tag gooien, scheelt weer wat bitjes over de lijn :D

Link naar bericht
Delen op andere sites
Origineel bericht van: Richard7
Als je hele tabel die tekstkleur moet hebben kun je de class ook meteen in je <table> tag gooien, scheelt weer wat bitjes over de lijn :D


Inderdaad, je had beter dit gedaan. Spaart je ook wat typwerk

Code:
<table class="kleurtekst">	<tr>		<td>Ik hou van:</td>		<td>Ik hou niet van:</td>	</tr>	<tr>		<td>		Spaghetti<br>		Lasagne<br>		Broccoli<br>		Bloemkool<br>		Friet		</td>		<td>		Paprika<br>	</td>	</tr></table>

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar bericht
Delen op andere sites
  • V.I.P.

Als je het nog mooier wilt doen dan kan je de tabel binnen een div zetten (of staat hij al in een div?) en dan in je stylesheet dit definieren met:

<divnaam> table { color :#224488 }

 

<divnaam> vervangen door de id naam die je aan de div meegeeft.

Op deze manier kan je het helemaal gemakkelijk stylen ;-)

 

Big fellow

If you can't explain it simply, you don't understand it well enough... -- Albert Einstein

Link naar bericht
Delen op andere sites
Gast Richard7

En wéér wat geleerd vandaag cool

 

Heb me altijd ver van div's gehouden (met tables kun je rechttoe rechtaan kloppen, je hoeft weinig te plannen, makkelijker als je met UltraEdit werkt blush en werkt altijd) maar ben er onlangs toch maar - noodgedwongen - verder ingedoken.

Link naar bericht
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
 Delen
  • Wie is er online   0 leden

    Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

Lees alvorens je verder gaat onze Gebruiksvoorwaarden en Privacybeleid. We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.