Note: This site might seem inactive… That’s because it is. Don’t worry though, I’m still coding webpages and stuff! If you’re interested, I suggest you get a translator and head over to Qiwi; or you could just check the latest site we’ve been working on: AD Delhaize Lebbeke. Enjoy!
Belgian flag in CSS
Inspired by Anne van Kesteren’s Dutch flag in CSS, which was in turn inspired by the Canadian flag in CSS linking a British flag in CSS, I created (guess what) the Belgian flag in CSS. Since the three bars aren’t quite horizontal, this is not as easy to “design” as for example the German CSS flag, but hey, I managed. Consider this a CSS stunt.
Comments (13)
Listed below are the responses for this entry.
Trackbacks & Pingbacks (3)
Listed below are resources on the web that mention this article.
-
- Web Graphics: A standards/CSS link dump:
A standards/CSS link dump
[…] And finally, it seems that CSS flags are very popular: British, Canadian, Dutch, German and Belgian flags.- Trackback made on March 12th, 2005 @ 11:47 pm
-
- Pixeladas Aleatórias: CSS: Guerra de Pixels:
CSS: Guerra de Pixels
O CSS House é uma boa referência do que é possível fazer com o CSS. Mas estas demonstrações estão passando das meras demonstrações para o campo das batalhas pixelares. […]- Trackback made on March 14th, 2005 @ 1:53 pm
-
- Rodrigo Muniz: Brazil Flag (CSS):
Brazil Flag (CSS)
Saiu! Depois dos gringos mostrarem do que o CSS é capaz fazendo bandeiras do Canadá, Alemanha, Bélgica e Holanda, agora foi a vez do Maujor montar a que faltava: a Brazil Flag totalmente em CSS, sem imagens […]- Trackback made on March 16th, 2005 @ 9:01 pm
Eehm the URLs you provided for the Belgian and German flag are served as
text/plaininstead ofapplication/xhtml+xml(they are XHTML files) ortext/htmlas they are supposed to be.Hm, now to find a CSS version of the Stars and Stripes. I’d make my own but I don’t know CSS well enough (at all, really) to work out that sort of thing…
Why send the files as
text/plain? I have to save the file and open it again in my browser to see the result.Is there a trick I don’t get?
I don’t understand this either…
Joël and Ghola, I really don’t know what went wrong with the files being served as
text/plain. Anyway, everything should work now, astext/html(no more XHTML).Ghola, what I was meaning to say is that opposed to for instance the German flag, the Belgian flag consists of three vertical strokes, making it a bit harder to CSSinize it.
I uploaded two new files:
Note that the full screen CSS Belgian flag is perfectly resizable and will always fit your viewport, whereas the German one won’t.
Very cool.
How do you make a circle in CSS??
Indranil, I don’t think that’s possible… Here’s an example of the best result I can come up with, using
-moz-border-radius. (By the way, why would you want to design CSS circles?)On another note, Anne told me I was using markup to design the flags, not CSS. Eventually, he put online his Belgian flag, which unfortunately only works correctly in Opera.
I was trying to get an Indian flag, which has a “chakra” in the center.
Awch, that looks difficult… I’m afraid you’ll have to use an image there, or go wild and IllustRender the chakra or something.
That article from Anne van Kesteren also inspired me making the Surinam flag.
Who is next?
I see. Boy it’s gonna be hard even trying :(
ROTFL
Man oh man what will you think up next?
Respect!
Nice one!