如何设置您创build的桌面小工具的大小

我正在尝试创build一个非常基本的Windows桌面小工具来显示我的堆栈溢出天赋。

我没有太多的HTML或Web开发经验。 我试图按照这里的说明,但是当我安装小工具时,它很小:

在这里输入图像描述

是的,就是那个小小的白色正方形

我曾尝试设置一个背景图像,但它似乎并没有工作(我实际上不需要一个背景图像,我只是想让它的工作)。 如果我单独运行html源文件,那么它将在浏览器中正确显示:

在这里输入图像描述

以下是来自html源文件(名为MySOFlair.html)的代码:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id="gadgetContent"> <a href="http://stackoverflow.com/users/2012446/chrisprosser"> <img src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" alt="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers" title="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers"/> </a> </div> </body> </html> 

以下是清单文件(Gadget.xml)中的代码:

 <?xml version="1.0" encoding="utf-8" ?> <gadget> <name>MySOFlair</name> <version>1.0.0.0</version> <author name="Chris Prosser" /> <description>Mt Stack Overflow Flair Gadget</description> <!--<icons> <icon src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58" /> </icons>--> <hosts> <host name="sidebar"> <base type="HTML" apiVersion="1.0.0" src="MySOFlair.html" /> <permissions>Full</permissions> <platform minPlatformVersion="1.0" /> <!--<defaultImage src="http://stackoverflow.com/users/flair/2012446.png" width="208" height="58"/>--> </host> </hosts> </gadget> 

我试图在这里取消注释图像链接,但它不会改变任何东西。

任何想法如何正确设置大小将不胜感激。

我发现如何解决这个问题。 我发现一个样式元素可以插入HTML标题部分。 这是新的HTML文件:

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { margin: 0; width: 212; height: 62; } #gadgetContent { margin: 0px; width: 208px; height: 58px; } </style> </head> <body> <div id="gadgetContent"> <a href="http://stackoverflow.com/users/2012446/chrisprosser"> <img src="http://img.zgserver.com/html/2012446.png" width="208" height="58" alt="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers" title="profile for ChrisProsser at Stack Overflow, Q&amp;A for professional and enthusiast programmers"/> </a> </div> </body> </html>