Jump to content
Sign in to follow this  
Bocky Wocky

Font table color in een CSS stylesheet

Recommended Posts

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.

 

Share this post


Link to post
Share on other sites

color:#...... (de numeriek code voor de kleur)

En niet vergeten een class voor de <td> of de <span> te specificeren natuurlijk.

Share this post


Link to post
Share on other 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)

Share this post


Link to post
Share on other 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.

 

 

 

Share this post


Link to post
Share on other sites
Guest 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

Share this post


Link to post
Share on other 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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Guest 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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

Onze Terms of Use en Privacy Policy