Tab control in asp.net

        .TabArea
        {
                    background-color: White;
                    font-size: x-small;
                    border-left: 1px solid black;
                    border-bottom: 1px solid black;
                    border-right: 1px solid black;
                    border-top:1px solid black;
                    position:absolute;
                    top:42px;
                    height:400px;
                    z-index:-25;
        }
 
/<code>
Step 1: Write the codes in between <div> and </div>, which will add Menu and Multiview control
<code>
<asp:Menu ID="Menu1" Width="216px" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False"
                OnMenuItemClick="Menu1_MenuItemClick">
                <Items>
                    <%--Add a MenuItem for each tab.--%>
                    <asp:MenuItem ImageUrl="~/Images/HomeEnabled.jpg" Value="0" Text=" "></asp:MenuItem>
                    <asp:MenuItem ImageUrl="~/Images/ProductsDisabled.jpg" Text=" " Value="1"></asp:MenuItem>
                    <asp:MenuItem ImageUrl="~/Images/SupportDisabled.jpg" Text=" " Value="2"></asp:MenuItem>
                    <asp:MenuItem ImageUrl="~/Images/HelpDisabled.jpg" Text=" " Value="3"></asp:MenuItem>
                </Items>
            </asp:Menu>
            <%--Add a MultiView control to "contain" View controls which will serve as tab pages.--%>
            <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
                <%--Add View controls, one for each 'tab'.--%>
                <asp:View ID="Tab1" runat="server" >
                    <TABLE width="578" height="400" cellpadding=0 cellspacing=0>
                        <TR valign="top">
                            <TD class="TabArea" style="width: 578px">
                            <BR />
                            </TD>
                        </TR>
                    </TABLE>
                    <STRONG><SPAN style="font-size: 14pt">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        &nbsp; &nbsp;
                        <BR />
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Home page content...</SPAN></STRONG></asp:View>
                <asp:View ID="Tab2" runat="server">
                    <TABLE width="578" height="400" cellpadding=0 cellspacing=0>
                        <TR valign="top">
                            <TD class="TabArea" style="width: 578px">
 
                            </TD>
                        </TR>
                    </TABLE>
                    <STRONG><SPAN style="font-size: 14pt">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        &nbsp; &nbsp;&nbsp;<BR />
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Products page content...</SPAN></STRONG></asp:View>
                <asp:View ID="Tab3" runat="server">
                    <TABLE width="578" height="400" cellpadding=0 cellspacing=0>
                        <TR valign="top">
                            <TD class="TabArea" style="width: 578px">
 
                            </TD>
                        </TR>
                    </TABLE>
                    <STRONG><SPAN style="font-size: 14pt">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        &nbsp; &nbsp;&nbsp;<BR />
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Support page content...</SPAN></STRONG></asp:View>
                <asp:View ID="Tab4" runat="server">
                    <TABLE width="578" height="400" cellpadding=0 cellspacing=0>
                        <TR valign="top">
                            <TD class="TabArea" style="width: 578px">
 
                            </TD>
                        </TR>
                    </TABLE>
                    <STRONG><SPAN style="font-size: 14pt">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        &nbsp; &nbsp;&nbsp;<BR />
                        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; Help page content...</SPAN></STRONG></asp:View>
            </asp:MultiView>

  Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Page.IsPostBack = False Then
            Menu1.Items(0).Selected = True
        End If
    End Sub
    Protected Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As MenuEventArgs) Handles Menu1.MenuItemClick
        MultiView1.ActiveViewIndex = Int32.Parse(e.Item.Value)
 
        Menu1.Items(0).ImageUrl = "~/Images/HomeDisabled.jpg"
        Menu1.Items(1).ImageUrl = "~/Images/ProductsDisabled.jpg"
        Menu1.Items(2).ImageUrl = "~/Images/SupportDisabled.jpg"
        Menu1.Items(3).ImageUrl = "~/Images/HelpDisabled.jpg"
 
        Select Case e.Item.Value
            Case 0
                Menu1.Items(0).ImageUrl = "~/Images/HomeEnabled.jpg"
            Case 1
                Menu1.Items(1).ImageUrl = "~/Images/ProductsEnabled.jpg"
            Case 2
                Menu1.Items(2).ImageUrl = "~/Images/SupportEnabled.jpg"
            Case 3
                Menu1.Items(3).ImageUrl = "~/Images/HelpEnabled.jpg"
        End Select
    End Sub