Hi. Thank you for pointing me into that direction, but I'm havin troubles using it:
What I've done so far:
* Added the xmlns to the head (<HTML xmlns:v="urn:schemas-microsoft-com:vml">)
* Added the v\:* { behaviour:url(#default#vml); }
* Added <v:shapetype id="box" path="m 0,0 l 100,0, 100,100, 0,100 x e" stroked="true" strokeweight="1" filled="true" coordsize="100,100"></v:shapetype> to the body section
But nothing at all is displayed Am I missing something
Could it be Sidebar is somehow "caching" the old gadget Because I have removed a background image from the html file (but left it inside the directory) files and the gadget still displayed the background image, even after re-adding the component ! Maybe I'm just seeing some previous version (I checked the version in the gadget directory, it's the one that should be displayed).
I am somewhat puzzled ..
Hi Jonathan.
Thank you for your reply. Actually I got the code from your gadget (CPU Utilization), but I cannot find a <v:shape ...> declaration anywhere.
Could you please give a very simple example which basically draws a single box inside a 130x57 px gadget I tried:
<
body onload="onLoad()" id="mainBody" onclick="openReplies()"> <v:oval style="width:100pt; height:90pt" fillcolor="yellow" strokecolor="blue" strokeweight="2pt" /> <div id="content">COM nicht geladen</div></
body>
But well, no oval or anything else ...
Oh boy, I found the error ...
It wasn't my styles ... it was the doctype definition I had at the top. I removed that for testing purposes and what happened, everything worked *argl*
Maybe someone else can use this some time :)
Thank you for your help (and your great gadgets) ... :)
EDIT : Hmmm .. now it works with the doctype again ... this is really strange ...
Phew .. new problems arise ... (probably related to Antialiasing)
I have created http://thomaslinder.at/temp/Clipboard02.gif
As you can see, there is a red border around it. Currently I am using a transparent background image and I'm drawing a round rectangle. When I stroke it, only the borders have some sort of red shadows; if I don't stroke it, the red border is all around (as you can see in the picture).
The code I currently use:
<v:roundrect stroked="false" arcsize="20%" style="position:absolute; top:0px; left:0px; width:129px;height:56px">
<v:fill type=gradient color="blue" color2="yellow"/>
<!-- <v:stroke weight="2px" color="black" /> -->
</v:roundrect>
whereas my body as a completely transparent background image.
Any ideas Or is that what I'm trying to achieve not possible
Well, already guessed so.
So basically it's not possible drawing a partly transparent background. Looks like I'll have to revert to using background images *brrrr*. Thanks for your replies.