[CSS] gearceerde delen zonder image

[Shaidar]

Is het mogelijk met een 100% CSS ontwerp gearceerde blocks te hebben, zonder de "background image url("gif"); ?

Ben er al even naar op zoek, maar vind de juiste termen voor Google niet ... "cross hatched CSS" geeft wel vanalles maar niet wat ik zoek ...

[BtM909]

Can je een voorbeeldje maken, want weet even niet wat je bedoeld?

Of heb je het hierover:

testje met een dashed border

HTML:

<span style="border: 1px dashed red">testje met een dashed border</span>

[Gonadan]

Volgens mij bedoelt hij een gearceerde achtergrond gemaakt in CSS zonder dat er een extern plaatje gebruikt wordt

En volgens mij kan je met CSS alleen een egale background maken.
Anders zul je toch aan een plaatje moeten.

[ Voor 34% gewijzigd door Gonadan op 21-04-2006 13:32 ]

[Verwijderd]

nope, gaat niet
wat is er mis met een achtergronplaatje?

[Shaidar]

Dat bedoelde ik inderdaad, zo "schuine strepen op de achtergrond"

Omdat dat eigelijk nog het enige plaatje is dat ik gebruik op m'n website, als ik dat wegkrijg, dan heb ik een design zonder 1 enkel plaatje ...

Maar had het al gedacht, maar niet gehoopt, dat dat niet met 100% CSS mogelijk was ...

[Verwijderd]

Je kan de afbeelding als base64 string opnemen in je css file:

background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhE);

edit: Sorrie, geen goede oplossing, het werkt weer eens niet in IE.
edit2: http://nl.wikipedia.org/wiki/Inline_image

[ Voor 36% gewijzigd door Verwijderd op 21-04-2006 14:23 ]

[BtM909]

ach so

Wellicht kan je het truuken met Slants, maar ik vraag me af waarom je geen image hiervoor zou willen gebruiken?

[Verwijderd]

http://www.snom.com/filea...ayout/bg_stripes_blue.gif

dit plaatje geeft al genoeg strepen voor een complete achtergrond en is maar 0.05kb