i tried using the cssmenu made by cssmenumaker inside my .aspx page but i couldnt make it look the same in it as it looks in .html page.
this is the .css file code
--------------------------------
#cssmenu ul {
margin: 0;
padding: 7px 6px 0;
background: #7d7d7d url(images/overlay.png) repeat-x 0 -110px;
line-height: 100%;
border-radius: 1em;
font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
width: auto;
}
#cssmenu li {
margin: 0 5px;
padding: 0 0 8px;
float: left;
position: relative;
list-style: none;
}
#cssmenu a,
#cssmenu a:link {
font-weight: bold;
font-size: 13px;
color: #e7e5e5;
text-decoration: none;
display: block;
padding: 8px 20px;
margin: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#cssmenu a:hover {
background: #000;
color: #fff;
}
#cssmenu .active a,
#cssmenu li:hover > a {
background: #979797 url(images/overlay.png) repeat-x 0 -40px;
background: #666666 url(images/overlay.png) repeat-x 0 -40px;
color: #444;
border-top: solid 1px #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
text-shadow: 0 1px 0 #ffffff;
}
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
background: none;
border: none;
color: #666;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#cssmenu ul ul a:hover {
background: #7d7d7d url(images/overlay.png) repeat-x 0 -100px !important;
color: #fff !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu li:hover > ul {
display: block;
}
#cssmenu ul ul {
z-index: 1000;
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 40px;
left: 0;
background: #ffffff url(images/overlay.png) repeat-x 0 0;
border: solid 1px #b4b4b4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul ul li {
float: none;
margin: 0;
padding: 3px;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
font-weight: normal;
font-size: 12px;
}
#cssmenu ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
* html #cssmenu ul {
height: 1%;
}
-------------------------
the .aspx page content is:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="entry page..aspx.cs" Inherits="entry_page_" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>
<title></title>
<style type="text/css">
.auto-style1 {
width: 107%;
height: 335px;
margin-bottom: 185px;
}
.newStyle1 {
font-family: Algerian;
font-size: medium;
}
.auto-style3 {
height: 230px;
width: 858px;
}
.auto-style5 {
height: 23px;
width: 858px;
}
.auto-style6 {
height: 7px;
width: 858px;
}
.auto-style7 {
font-weight: 700;
font-style: italic;
color: #FFFFFF;
font-size: xx-large;
text-align: left;
background-color: #999999;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="Image2" runat="server" Height="31px" ImageUrl="~/1411500115_stock_task.png" Width="38px" />
<asp:Label ID="Label3" runat="server" CssClass="auto-style7" Font-Bold="True" Font-Names="Britannic Bold" Text="TheOnlineTest">
<asp:Label ID="Label1" runat="server" Text="WELCOME," CssClass="newStyle1" ForeColor="#00CCFF" style="font-weight: 700; background-color: #999999">
<asp:Label ID="Label2" runat="server" CssClass="newStyle1" ForeColor="#00CCFF" style="font-weight: 700; background-color: #999999">
|
|
|
</form>
</body>
</html>
tell if it is possible or not?