NET FLOW

直接对网卡编程以实现网络数据的拦截与监控是件很复杂的事情。本文介绍使用“IP助手库函数”（iphlpapi.dll）轻松获取网络流量图的方法，并给出了具体实例程序。

实例程序的执行情况见下图所示：

从图中可以看到，用“IP助手库函数”可获取当前所有的网络连接情况，其中包括使用网卡的局域网连接，以及使用ISDN或调制解调器的拨号网络连接。可获取的信息包括：连接速度、界面类型、操作状态、当前总共收到和发送的字节数，等等。

其中“总共收到和发送的字节数”等信息完全是累计的。也就是说，这些信息不受网络连接断开的影响（如拨号网络），能完整记录各网络全天的吞吐总量。

定时扫描网络的最新吞吐量，并与上一时段的吞吐量做比较，即可制作网络流量图。上图所示的是拨号网络约六分钟的下载流量图，其中数据每秒刷新一次（X方向），网格单位是KB/每秒（Y方向）。

一、“IP助手库函数”的使用

用微软的“IP助手库函数”（iphlpapi.dll）可获取大量有关网络连接的有用信息。其中有关吞吐量的函数包括GetIfTable等，其定义为：

Private Declare Function GetIfTable Lib "iphlpapi" (ByRef pIfTable As Any, _ByRef pdwSize As Long, ByVal bOrder As Long) As Long

该函数的第一个参数指向一个缓冲区，函数执行后该缓冲区内被填入各网络连接的最新数据。缓冲区的结构是：

网络连接总数+网络连接１结构数据+网络连接２结构数据+...

其中“网络连接总数”占4个字节；每个“网络连接数据”的结构为：

Private Type MIB_IFROW

wszName(0 To 511) As Byte

dwIndex As Long '编号

dwType As Long '界面类型

dwMtu As Long '最大传输单元

dwSpeed As Long '界面速度

dwPhysAddrLen As Long '物理地址部分有效长度

bPhysAddr(0 To 7) As Byte '物理地址

dwAdminStatus As Long '管理状态

dwOperStatus As Long '操作状态

dwLastChange As Long '操作状态最近更新时间

dwInOctets As Long '总共收到(字节)

dwInUcastPkts As Long '总共收到(unicast包)

dwInNUcastPkts As Long '总共收到(non-unicast包)

dwInDiscards As Long '丢弃包总数（收到）

dwInErrors As Long '出错包总数（收到）

dwInUnknownProtos As Long '其它包总数（收到）

dwOutOctets As Long '总共发送(字节)

dwOutUcastPkts As Long '总共发送(unicast包)

dwOutNUcastPkts As Long '总共发送(non-unicast包)

dwOutDiscards As Long '丢弃包总数（发送）

dwOutErrors As Long '出错包总数（发送）

dwOutQLen As Long '发送队列长度

dwDescrLen As Long '界面描述部分有效长度

bDescr(0 To 255) As Byte '界面描述

End Type

需要指出的是，上述GetIfTable函数只能在Windows 98/2000/NT4以及部分Win95上工作。

二、实例程序（VB6）

' 用“IP助手”获取网络流量图

Option Explicit

Dim IfTable As MIB_IFROW ' 定义一个上述结构的变量

Dim buf() As Byte ' 缓冲区

Dim buf_size As Long ' 缓冲区实际大小

Dim rows As Long ' 当前网络连接总数

Dim i, j As Long

Dim Pic_X, Pic_Y, Old_In As Long ' 用于在绘制流量图中保存上一时段的有关值

'

Private Const ERROR_NOT_SUPPORTED = 50&

Private Const ERROR_SUCCESS = 0&

Private Declare Function GetIfTable Lib "iphlpapi" (ByRef pIfTable As Any, _

ByRef pdwSize As Long, ByVal bOrder As Long) As Long

Private Declare Sub CopyMemory Lib "kernel32" Alias "RtlMoveMemory" (ByRef _

pDest As Any, ByRef pSource As Any, ByVal Length As Long)

Private Sub Form_Load()

i = GetIfTable(ByVal 0&, buf_size, 0)

If i = ERROR_NOT_SUPPORTED Then

MsgBox "函数GetIfTable只能在Win98/NT4/2000上工作。"

End

End If

ReDim buf(0 To buf_size - 1) As Byte ' 根据返回值，动态申请缓冲区

i = GetIfTable(buf(0), buf_size, True) '“True”的含义是“排序”

If i <> ERROR_SUCCESS Then End

Timer1.Interval = 1000 ' 刷新间隔定为一秒

Timer1.Enabled = True ' 启动记时器

Picture1.DrawMode = 13

Picture1.AutoRedraw = True ' 启动自动重画功能以防止画面丢失

Picture1.ScaleMode = 3 ' 设定画笔单位为象素（Pixel）

Pic_X = Picture1.ScaleWidth

End Sub

Private Function GetType(Type1 As Long) As String ' “界面类型”定义函数

Select Case Type1

Case 1: GetType = "Other"

Case 6: GetType = "Ethernet"

Case 9: GetType = "Tokenring"

Case 15: GetType = "FDDI"

Case 23: GetType = "PPP"

Case 24: GetType = "Loopback"

Case 28: GetType = "Slip"

End Select

End Function

Private Function GetState(State1 As Long) As String ' “操作状态”定义函数

Select Case State1

Case 0: GetState = "Not operational"

Case 1: GetState = "Operational"

Case 2: GetState = "Disconnected"

Case 3: GetState = "Connecting"

Case 4: GetState = "Connected"

Case 5: GetState = "Unreachable"

End Select

End Function

Private Sub Timer1_Timer()

ReDim buf(0 To buf_size - 1) As Byte

i = GetIfTable(buf(0), buf_size, True)

CopyMemory rows, buf(0), 4 ' 缓冲区的前四个字节是“网络连接总数”

For j = 1 To rows

CopyMemory IfTable, buf(4 + (j - 1) * Len(IfTable)), Len(IfTable)

有效编号(j - 1).Caption = Str(j)

'

界面类型(j - 1).Caption = GetType(IfTable.dwType)

'

连接速度(j - 1).Caption = IfTable.dwSpeed

'

总共收到(j - 1).Caption = Str(IfTable.dwInOctets)

If IfTable.dwSpeed = 9600 Then ' 绘制拨号网络的下载流量图

Pic_X = Pic_X + 1

If Pic_X > Picture1.ScaleWidth Then

Pic_X = 1

Picture1.Cls

For i = 1 To 8 ' 绘制网格

Picture1.Line (0, Picture1.ScaleHeight - i * 10 - 1)- _

(Picture1.ScaleWidth, Picture1.ScaleHeight - i * 10 - 1), &H808080

Next i

End If

If Old_In = 0 Then

Old_In = IfTable.dwInOctets

Pic_Y = Picture1.ScaleHeight - 1

End If

i = Picture1.ScaleHeight - (IfTable.dwInOctets - Old_In) / 102.4 - 1

Picture1.Line (Pic_X - 1, Pic_Y)-(Pic_X, i), &HFF& ' 绘制流量

Pic_Y = i

Old_In = IfTable.dwInOctets

End If

'

总共发送(j - 1).Caption = Str(IfTable.dwOutOctets)

'

操作状态(j - 1).Caption = GetState(IfTable.dwOperStatus)

'

总共错收(j - 1).Caption = Str(IfTable.dwInErrors)

'

总共错发(j - 1).Caption = Str(IfTable.dwOutErrors)

'

其它共收(j - 1).Caption = Str(IfTable.dwInUnknownProtos)

Next j

End Sub

posted @ 2009-08-12 14:12 青蛙學堂阅读(433) | 评论 (0) | 编辑收藏

iP Helper 是一套用于管理本地网络设置的API（应用程序编程接口）它的功能十分强大，通过使用这一套API，你可以方便的改变计算机的网络设置或者提取有关的信息。而且它还提供了一种消息机制，能够在本地计算机的网络设置发生改变时通知你的应用程序。也就是说以前设置IP，掩码等等另人难以入眠的种种烦琐的工作现在都可以轻松搞定了。而且实际上，它不仅仅能够提取本机的网络设置信息，还能够获得网络上其它计算机的IP使用情况和MAC地址。这正是后面另一篇文章的例子程序中要使用的功能。

哪儿可以搞到IP Helper API?
Windows 98以上的所有操作系统在系统目录的system32下都带有iphlpapi.dll这个库文件，而且对于NT 4.0在加装了Service Pack 2以后也就有了这个库文件。这只能说明我们的程序可以在这些系统上运行而不需要额外的库文件，但是对于C程序员来说还必须有相应的头文件等等东西。这个东东网上不太多，在华中理工和清华9#的FTP上有它的头文件，文件很小，只有几K（头文件而已，大不到哪儿去）。当然，你也可以问微软要，下载SDK或者是定购SDK光盘（这是我梦想的事情）。最后是对MSDN的一个勘误：MSDN所声称的静态链接库iphlpapi.lib是不存在的（至少我没有找到），还是老老实实的使用动态库吧。----------------------------这些库可以在安装vc.net后带有！

从最简单的开始
最简单的当然是看看我们计算机上的网络设置是什么而不要动手修改。附表中列出了一个简单的网络设置查看程序，在这个程序中我分类使用了主要的API函数，为了交代问题而不让你陷入到MFC的汪洋大海中去，我把它做成了控制台界面的，而且做了详尽的注释，你可以把其中的代码剪切粘贴下来在任何地方使用。让我来解释一下这些代码：

提取网卡信息

hInst=LoadLibrary("iphlpapi.dll");
if(!hInst)
cout<<"iphlpapi.dll not supported in this platform!\n";

这三行代码的作用是加载iphlpapi库文件，在极个别的情况下，你使用了win95以下的操作系统或者不小心删除了iphlpapi.dll，第三行的语句才会被打印出来，这也是程序失败的唯一原因。

希望你还记得如何使用.dll。长久以来我们一直都在幸福的使用着VC的静态链接库，在没有静态链接库的情况下我们还有傻瓜化的控件。下面的几行代码显示了调用DLL中函数的过程：

pGAInfo=(PGAINFO)GetProcAddress(hInst,"GetAdaptersInfo");
ULONG ulSize=0;
pGAInfo(pInfo,&ulSize);
pInfo=(PIP_ADAPTER_INFO)new(char[ulSize]);
pGAInfo(pInfo,&ulSize);

第一行代码是获得函数GetAdaptersInfo的入口地址，以便我们在后面通过指针调用函数。这个函数的功能是提取网卡的信息，并接收两个参数，第一个参数是用来保存网卡信息的内存缓冲的首地址，而第二个参数是这个缓冲的大小。但上面的代码看起来有些奇怪对么？由于我们事先不知道本地机器上有多少张网卡，所以也就没法知道应该分配多大的缓存。好在GetAdaptersInfo函数在缓冲的大小不够时会在第二个参数也就是ulSize中填入应该分配的缓冲的大小。这样，我们就可以调用两次GetAdaptersInfo，第一次是获取缓冲区的大小，然后分配这个缓冲以后再次调用它以获得实际的网卡信息。

令人不解的是，GetAdaptersInfo通过pInfo返回的信息竟然是以静态链表的方式组织的，下面就是访问链表的代码：

while(pInfo)
{
   。。。。。。。。。。。。。。。。。。。。//访问网卡数据
   //将当前指针移向下一个结点
   pInfo=pInfo->Next;
}

为了说明问题，我再一次省略了其中的代码。下面看看GetAdaptersInfo都返回了些什么样的信息，下面是对pInfo所指向的数据结构的解释：

typedef struct _IP_ADAPTER_INFO {
   struct _IP_ADAPTER_INFO* Next;
//链表指针域，我们通过这个来遍历静态键表
   DWORD ComboIndex;//保留未用
   char AdapterName[MAX_ADAPTER_NAME_LENGTH + 4];
//网卡名
char Description[MAX_ADAPTER_DESCRIPTION_LENGTH + 4];
//对网卡的描述，实际上好象是//驱动程序的名字
   UINT AddressLength;
//物理地址的长度，通过这个我们才能正确的显示下面数组中的物理地
//址
   BYTE Address[MAX_ADAPTER_ADDRESS_LENGTH];
//物理地址，每个字节存放一个十六进制的数
//值，我们配合上一个数据域在printf中用/x格式把每个字节输出。
   DWORD Index;//网卡索引号
   UINT Type;//网卡类型
   UINT DhcpEnabled;//是否启用了DHCP动态IP分配？
   PIP_ADDR_STRING CurrentIpAddress;//当前使用的IP地址
   IP_ADDR_STRING IpAddressList;
//绑定到此网卡的IP地址链表，重要项目
   IP_ADDR_STRING GatewayList;
//网关地址链表，重要项目
   IP_ADDR_STRING DhcpServer;
//DHCP服务器地址，只有在DhcpEnabled==TRUE的情况下才有
//效
   BOOL HaveWins;//是否启用了WINS?
    IP_ADDR_STRING PrimaryWinsServer;
//主WINS地址
   IP_ADDR_STRING SecondaryWinsServer;
//辅WINS地址
   time_t LeaseObtained;
//当前DHCP租借获取的时间
   time_t LeaseExpires;
//当前DHCP租借失效时间。这两个数据结构只有在启用了DHCP时才
//有用。
} IP_ADAPTER_INFO, *PIP_ADAPTER_INFO;

我觉得这些就是非常底层的东西，因为一般我们网络编程都是直接调用socket，操作系统调用协议栈完成剩下的工作，而ip helper api 提供了我们直接操作底层的机会！

我想发送一下mac包，想试一下直接发送 srcmac=my mac ；dstmac=my mac的包，看一下是什么效果！

网上得知：直接发送mac大概有两中方法：

libnet

wincap

而其实libnet 最后还是调用了wincap wincap使用了ip helper api

我使用winpcap下的函数和例子：

但遇到了问题----------------------所以说理想和现实还是很有距离的

正好比说：恋爱中男女是浪漫而理想的，结婚后夫妇是现实而繁琐的！

首先是网卡名称： linux下一般是 eth0 搞定

但Windows是？

\Device\NPF_{xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxxxx}

可以注册表中找到，也可以调用ip helper api找到

怎么把自己的mac地址写入到buffer中！

mac一般是十六进制的

方法有：将每个字节的十六进制换为十进制 char a=1;

其实只要直接写也可以吧？：char a=0x11；

我就试着发了两种包：

1.src和dst mac地址一样，可以用ethereal捕获到发出的包，但没有返回的包！

-------------------------------这可以说明回环地址即使发出去了，也接不到！（至少我们的局域网是这样）

2.别人的mac dst是自己的，可以用ethereal捕获到发出的包，但没有返回！

而且ethereal崩溃

-------------------------------可以发，但是会导致问题的！

posted @ 2009-08-12 11:33 青蛙學堂阅读(1187) | 评论 (1) | 编辑收藏

delphi第三方控件安装方法

不是由BORLAND提供的组件叫第三方组件：
安装方法：
就目前常见的各种形式的组件的安装方法介绍一下。　

1　只有一个DCU文件的组件。DCU文件是编译好的单元文件，这样的组件是作者不想把源码公布。一般来说，作者必须说明此组件适合Delphi的哪种版本，如果版本不对，在安装时就会出现错误。也正是因为没有源码，给使用者带来了不便，那就是一旦Delphi版本升级，此组件就不能再使用了，当然有的作者给出了几种版本的DCU文件，用户根据需要选择使用。这样的组件的安装方法是：在Component菜单中，选择install component，在对话框
"into existing package"页中，单击“Unit file name”后的“Browse”按扭，在打开的文件对话框中，将“文件类型”设定为*.dcu，找到要安装的DCU文件，按OK按钮返回"into existing package"页后再按OK按钮就可以安装了。注意，此时Delphi会提示dclusr40.dpk将被重建，是否继续，OK就可以了。这里是将组件安装到dclusr40.dpk包中，此包从文件名上可以看出是用户自定义组件包，先安装到这个包中吧，下面再讲有关注意事项。安装完毕会有已经将组件注册完的提示信息以及安装到哪个组件页中的信息等，到组件面板上看看，一般会出现一个新的组件页，其中有刚安装的组件。　

2、只有PAS文件或既有PAS又有DCU文件的组件。这种组件因为有PAS文件，也就是说作者提供了源码，这就好办多了。安装的方法和上面是一样的，在文件类型中可以设定为DCU也可以设定为PAS，建议设定为PAS，这样可用你的Delphi重新编译一下，看是否会出现问题。Delphi升级后只能选择PAS文件安装，这样才能重新编译，使得组件能适应新Delphi版本。这样的组件是很值得使用的，根据心铃的经验，没有源码的组件最好不要使用，一是存在Delphi版本升级后无法使用的问题，再者当程序出现问题后用户无法调试组件来判断是否是组件中存在BUG。　

3、有dpk文件的组件包。带有dpk文件的组件包一般是有多个组件构成的，也就是说安装后会有多个组件供使用，如果只有一个组件作者一般不会制成DPK文件，使用上面的方式发布就可以了。对于这样的组件包，一般来说会有详细的安装说明文件，如上面提到的RXLIB，由于组件复杂且安装时有先后顺序，作者不提供安装说明用户根本无法正确安装。如果没有安装说明文件，那么用下面的方法安装：在File菜单下，选择”OPEN…”打开dpk文件(文件类型列表框中选*.dpk)，在出现的Package窗口中，工具栏上有Install按钮，按此按钮即可进行安装。如果Install按钮处于无效状态，那么先按Compile按钮编译，一般来说编译之后Install按钮就会处于有效状态，此时再按Install按钮就可以了。　

4、带有Bpl文件的组件包。一般来说这也是由多种组件构成的组件包，它其实是一个动态连接库文件（DLL）。对于这种组件包的安装方法是：在component菜单下选择“install packages”，然后单击Add按钮，在打开的文件对话框中找到相应的bpl文件打开返回后，再单击Ok按钮就可以了。　

5、ActiveX控件的安装。要安装这类控件，需要先用regsvr32.exe注册，然后选择Component菜单中Import ActiveX Control项。在Import ActiveX Control打开的窗口中，只有已经注册的ActiveX控件才出现在列表中，选中一个然后按Install按钮就可以安装了。如果事先没有用regsvr32.exe注册也可以按ADD按钮找到OCX文件即时注册，注册后再进行安装。

几点说明：

1 在拿到组件后先看是否有说明文件，一般来说在说明文件中有如何安装的指导，有些还会有组件的属性、事件、方法的使用说明，这些在使用时是非常重要的。

2　在上面的组件（包）安装操作之前，最好将 *.bpl拷贝到你的System目录中，将 *.pas、*.dcu、*.dcr、*.dp?拷贝到Delphi的Lib目录中再进行。

3　前面我们提到安装DCU组件时，选用的是已经存在的dclusr40.dpk，当然也可以选择安装到一个新的包中，如果选择新包，需要先取一个名字比如DEMO，事实上安装完毕后用户可以找到的是Demo.bpl，而找不到DEMO.DPK。假如你已经将一个组件安装到dclusr40.dpk中了，还想再安装一个组件，如果再安装到dclusr40.dpk中，安装后你得到提示，原来安装的那个组件已经被取消注册，你将无法使用了。这样不就成了只能安装一个组件了吗？除非你再安装到一个新的包中才可以两个组件同时使用。当然每安装一个组件生成一个新的BPL文件也未偿不可，但BPL文件就增加许多。能否在dclusr40.dpk中多安装几个组件呢？当然是可以的。方法如下：用File菜单下的OPEN打开dclusr40.dpk文件，单击ADD按钮，在打开的对话框中选择ADD UNIT页面，按Unit file name后的“Browse”按钮打开组件单元文件，OK即可，用此种方法这样可添加多个组件的单元文件，添加完毕，按一下编译按钮，然后再按Install按钮即可，如果单元文件是编译好的（DCU）可以直接按安装按钮。

4　组件的删除。光会安装可不行，还要会删除呀。很简单，在component菜单下，选择install packages，在列表中找到安装所在的Bpl，按Remove按钮，ok！再把Bpl文件删掉就彻底了，如果不删除BPL文件，下次可以按安装BPL组件的方法再安装使用　

posted @ 2009-07-17 13:15 青蛙學堂阅读(340) | 评论 (0) | 编辑收藏

html--css

CSS全称Cascading Style Sheet。层叠式样式表。
一、CSS的四种实现方式：
1.内嵌式：

2.外链式：

3.导入式

4.属性式：

二.CSS的定义：
选择对象{属性1:值1;属性2:值2;属性3:值3;属性n:值n……}
如：
td{font-size:12px;color:#FFFF00}
.myname{font-size:12px;color:#FFFF00}
a:hover{font-size:12px;color:#FFFF00;text-decoration: underline;}

三.四种选择对象
1.HTML selector (TagName)
2.class selector (.NAME)
3.ID selector (#IDname)
4.特殊对象 (a:hover　a:link　a:visited　a:active)

1.HTML selector
HTML selector就是HTML的置标符，如：DIV、TD、H1。HTML selector的作用范围是应用了该样式的所有页面中的所有该置标符。
例：
td
{
color: #FF0000;
}
-->
注意：代码的作用是使表格单元格内文字自动变红色。

2.class selector
定义class selector需要往其名称其加一个点“.”。如“.classname”。class selector的作用范围是所有包含“class="classname"”的置标符。
例：
.fontRed
{
color: #FF0000;
}
-->
注意：在第二个中没有“class="fontRed"”，所以文字没有变红色。

3.ID selector
定义ID selector需要往其名称其加一个点“#”。如“#IDname”。ID selector的作用范围是所有包含“ID="classname"”的置标符。
例：

#fontRed
{
color: #FF0000;
}
-->
注意：在第二个中没有“ID="fontRed"”，所以文字没有变红色。

4.特殊对象
特殊对象包括四种，是针对链接对象设置的:
a:hover 鼠标移上时的超链接
a:link 常规，非访问超链接
a:visited 访问过的超链接
a:active 鼠标点击时的超链接
特殊对象的作用范围是所有置标符（这句话有待商榷，因为下面很快就有一种方法可以把“所有”两个字推翻）。
例：
a:hover
{
color: #0000FF;
text-decoration: underline;
}
-->
注意下面，很有用！！！
a.classname:hover
a#IDname:hover
这两种写法，是分别配合.classname与#IDname使用的。它的作用范围变成了所有包含“class="classname"”或“ID="IDname"”的置标符。这种写法，可以帮助你在同一页面中实现多种a:hover效果，可以看一下艺网的主页上导航栏文字与普通文章标题在鼠标时的区别。

四.应用：
1.置标符　自动应用
2.特制类　class="NAME"
3.ID ID="IDname"
4.特殊对象　自动应用
五.CSS属性
CSS的属性有很多，像上文中用到最多的color，表示文字的颜色。background-color表示背景色。这个是最主要的，但是因为没有什么难度，参考一下相关手册就可以了。

CSS 标签属性/属性参考
这里列出了目前支持的样式表(CSS)标签属性。

CSS 标签属性/属性

行为属性 behavior

字体和文本属性 direction
direction
font
font-family
font-size
font-style
font-variant
font-weight
ime-mode
layout-grid
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
letter-spacing
line-break
line-height
min-height
ruby-align
ruby-overhang
ruby-position
text-align
text-autospace
text-decoration
text-indent
text-justify
text-kashida-space
text-overflow
text-transform
text-underline-position
unicode-bidi
vertical-align
white-space
word-break
word-wrap
writing-mode

posted @ 2007-11-06 09:28 青蛙學堂阅读(568) | 评论 (1) | 编辑收藏

c#--menu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二?dropdown?出菜?--A CROSS BROWSER DROP DOWN CASCADING VALIDATING MENU</title>
<style type="text/css">
/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: arial, sans-serif;
width:750px;
margin:0;
margin:50px 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#000;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7;
line-height:30px;
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff;
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
background:#faeec7;
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#dfc184;
color:#000;
}

</style>
<!--[if lte IE 6]>

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0;
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}
/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
color:#fff;
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:32px;
left:0;
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
background:#faeec7;
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#dfc184;
color:#000;
}

</style>

<![endif]-->
</head>

<body>

<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>

    <ul>
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li>
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li>
    <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
    <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
    <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li>
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li>
    <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li>
    <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li>
    </ul>