Monday, January 13, 2014

DropDownlist with Image

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="DropDownlist_Default" %>
<!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 id="Head1" runat="server">
<title>List box</title>
<style type="text/css">
    
    #Menu1 a.popout {
background-image: url("../Images/Arrowdown.gif") !important;
    border-style :solid;
    width:80px;
    }
    
    .level2 .dynamic
    {
     border-style :solid !important;
     background-color: white;
     
     border-width:thin;
    
     margin-bottom:0px;
     width:100px;
    }
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
<Items>
<asp:MenuItem Text="Home"></asp:MenuItem>
<asp:MenuItem Text="Products">
<asp:MenuItem Text="Master" ImageUrl="~/Images/Master.jpg"></asp:MenuItem>
<asp:MenuItem Text="Visa" ImageUrl="~/Images/Visa.png"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
</div>
</form>
</body>
</html>


 



Menu

0 comments:

Post a Comment