zareei_ta
سه شنبه 05 مهر 1390, 22:48 عصر
من یک منو با استفاده ازul,li طراحی کردم.زمانی که موس روی منوها قرار می گیره حالت لینک را نداره و باید موس رو حرکت بدی تا حالت لینک بگیره و مشکل هم بیشتر در مرورگرکروم و فایر فاکس می باشد.ممنون میشم را هنمایی کنید
کد منو به صورت زیر است
<div id="MenuDiv" style=" width:100%; height:38px;float:right;border-bottom:1px solid #2763A5; background-image:url('Images/back.gif'); background-repeat:repeat"><ul style="margin:0;padding:2px 10px 0 50px;list-style:none; height: 34px;"><li style="display:inline;margin:0;padding:0"><a href="Default.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 15px 4px 6px;color:#FFF; font-size:13px;text-align:right"> صفحه اصلی</span></a></li><li style="display:inline;margin:0;padding:0"><a href="AboutUs.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">درباره ما</span></a></li><li style="display:inline;margin:0;padding:0"><a href="ContactUs.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">تماس باما</span></a></li><li style="display:inline;margin:0;padding:0"><a href="DefSoftware.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">ارسال اطلاعات نرم افزار</span></a></li><li style="display:inline;margin:0;padding:0"><a href="AdminLogin.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 15px 4px 6px;color:#FFF;font-size:13px;text-align:right" >بخش مدیریت</span></a></li></ul><asp:Label ID="lbltoday" runat="server" Text=":امروز" style="position:absolute;color:White; top: 195px; left: 220px;font-size:small"></asp:Label><asp:Label ID="lblTime" runat="server" style="position:absolute;color:White; top: 195px; left: 136px; font-size:small"></asp:Label> </div>
کد منو به صورت زیر است
<div id="MenuDiv" style=" width:100%; height:38px;float:right;border-bottom:1px solid #2763A5; background-image:url('Images/back.gif'); background-repeat:repeat"><ul style="margin:0;padding:2px 10px 0 50px;list-style:none; height: 34px;"><li style="display:inline;margin:0;padding:0"><a href="Default.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 15px 4px 6px;color:#FFF; font-size:13px;text-align:right"> صفحه اصلی</span></a></li><li style="display:inline;margin:0;padding:0"><a href="AboutUs.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">درباره ما</span></a></li><li style="display:inline;margin:0;padding:0"><a href="ContactUs.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">تماس باما</span></a></li><li style="display:inline;margin:0;padding:0"><a href="DefSoftware.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 10px 4px 6px;color:#FFF; font-size:13px;text-align:right">ارسال اطلاعات نرم افزار</span></a></li><li style="display:inline;margin:0;padding:0"><a href="AdminLogin.aspx" style="float:right; margin:0; padding:0 0 0 4px; text-decoration:none;"><span style="float:right;display:block;padding:3px 15px 4px 6px;color:#FFF;font-size:13px;text-align:right" >بخش مدیریت</span></a></li></ul><asp:Label ID="lbltoday" runat="server" Text=":امروز" style="position:absolute;color:White; top: 195px; left: 220px;font-size:small"></asp:Label><asp:Label ID="lblTime" runat="server" style="position:absolute;color:White; top: 195px; left: 136px; font-size:small"></asp:Label> </div>