[HTML/CSS] Border om tekst

[Sc0tTy]

Hallo allemaal,

Na al een tijdje gezocht te hebben, maak ik nu maar een topic aan
Dit is een voorbeeld situatie:

Ik heb een zwarte achtergrond en heb een zwarte tekst, ik wil zorgen dat die tekst leesbaar is.
Daarom wil ik een omlijning om de tekst krijgen, maar kan nergens vinden of dit wel of niet kan.

Ik heb namelijk plaatjes en daarboven moet een tekst komen, maar de kleuren van het plaatje verranderen nog wel eens het is dus net zo'n idee als ondertitels op tv.

Kan iemand mij vertellen of dit uberhaupt kan en zo ja hoe ?
Dit scheelt mij aardig wat kop pijn

Groetjes
Sc0tTy

[Fuzzillogic]

CSS3 outline, SVG blur. Of moet het ook in het antieke IE werken?

Ranzige work-around voor een nep-outline, 4 of 8 keer de tekst in wit een "cirkeltje" zetten, dus telkens +1 / -1 pixel rondom de eigenlijke plek. Daarna de tekst in het zwart in het midden plaatsen.

[MoietyMe]

Waarom maak je de tekst niet wit? Want dit ga je met de huidige css ondersteuning van IE niet normaal werkend krijgen. Safari ondersteunt het wel.

[Sc0tTy]

Fuzzillogic schreef op vrijdag 04 september 2009 @ 10:32:
CSS3 outline, SVG blur. Of moet het ook in het antieke IE werken?

Ranzige work-around voor een nep-outline, 4 of 8 keer de tekst in wit een "cirkeltje" zetten, dus telkens +1 / -1 pixel rondom de eigenlijke plek. Daarna de tekst in het zwart in het midden plaatsen.

Ja dat wou ik dus voorkomen dan maar niet, maar goed ik zal dat outline eens proberen.

Good Fella schreef op vrijdag 04 september 2009 @ 10:36:
Waarom maak je de tekst niet wit? Want dit ga je met de huidige css ondersteuning van IE niet normaal werkend krijgen. Safari ondersteunt het wel.

Dat was een voorbeeld

[ Voor 23% gewijzigd door Sc0tTy op 04-09-2009 10:52 ]

[Sc0tTy]

hmm is niet helemaal wat ik zoek,

http://www.w3schools.com/...p?filename=trycss_outline

ik wil echt een lijn om de tekst zelf, net zoals ondertitels

[Fuzzillogic]

Ik doelde dan ook op CSS3 text-outline. Maar de browser-support zal mager zijn.

Maareh, mijn work-around is dan misschien wel ranzig, met een stukje jQuery is het wel makkelijk, en je kunt ook eventueel nog direct alleen browsers targeten die geen text-outline ondersteunen.

[Da Weef]

Je zou met text schaduw kunnen gaan klooien, maar een hele gladde oplossing ga je niet vinden denk ik.

Ik zou toch maar met een andere tekstkleur werken, wel zo duidelijk.

[Spinal]

YaBB had dit vroeger, werkte alleen voor IE. Ik geloof dat het met filter:blur werkte. Misschien dat je eens in de uBB-parser van YaBB/YaBB SE kunt kijken