Font met backgroundcolor CSS?
15 december 2011 - 17:19   
geplaatst door: iREM
Waarschijnlijk iets simpels.
maar kom niet verder dan font met achtergrondkleur die doorloopt (over de gehele breedte).

Maar ik wil dat de achtergrondkleur meteen stopt samen met de tekst zelf

zoals hier: http://www.powned.tv/ (zoals gebruikt bij hoofdfoto bovenaan)

Font met backgroundcolor CSS?
15 december 2011 - 17:25    reactie #1
geplaatst door: Shmoo

geblokkeerd

Das idd vrij simpel.

Als je normaal dit hebt:

<div class="content">
<p>Hallo dit is een tekst</p>
</div>

Voeg je nu een extra class toe alleen aan de tekst.

<div class="content">
<p class="bg-text">Hallo dit is een tekst</p>
</div>

en in CSS (stylesheet) zet je dan:

.bg-text { background-color: #000; }


Font met backgroundcolor CSS?
10 januari 2012 - 12:09    reactie #2
geplaatst door: iREM
@ Shmoo beetje late reactie van mij, beetje druk gehad

het is me gelukt om een class aan te maken (weer wat geleerd)

ik heb nu een zwart vlak (background) met witte tekst die 100% uitlijnd
alleen wil ook graag dat de zwarte achtergrond stopt, daar waar ik ook stop met de tekst.

dus niet zoals nu, dat als ik een woord heb met bv. 5 letters, er nog een hele zwart balk achteraan komt

dus niet: | Hallo                              |
maar:     | Hallo |

hoe los ik dat dan op?

Font met backgroundcolor CSS?
10 januari 2012 - 12:33    reactie #3
geplaatst door: Shmoo

geblokkeerd

Zet er eens een SPAN tussen als volgt:


<div class="content">
<p>Hallo dit is een tekst <span class="bg-text">en dit stukje is gekleurd</span> en dit weer niet</p>
</div>

De rest blijft het zelfde.
En je kan die span tag natuurlijk plaatsen waar je wilt zolang hij maar tussen de P tag blijft.