ASP açılır menü-sorun

 
   <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Web_Projesi._default" %> 
   
  <!DOCTYPE html> 
   
  <html xmlns="http://www.w3.org/1999/xhtml"> 
  <head runat="server"> 
      <title>Form Yazılım</title> 
      <link href="/style.css" rel="stylesheet" /> 
       
      <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
   
      <script type="text/javascript"> 
          $("document").ready(function (){ 
   
   
              $("header nav ul li .Dersler-wrapper").mouseover(function myfunction() { 
   
                  $("header nav ul li .Dersler-wrapper .dersler").css("display","block") 
              }) 
              $("header nav ul li .Dersler-wrapper").mouseleave(function myfunction() { 
   
                  $("header nav ul li .Dersler-wrapper .dersler").css("display", "none") 
              }) 
   
          }) 
   
              </script> 
  </head> 
  <body> 
      <form id="form1" runat="server"> 
       
      <div id="wrapper"> 
   
          <header> 
              <div class="logo"> 
                  Software Engineering 
              </div> 
              <nav> 
              <ul> 
                  <li> 
                      <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=116721940&url=default.aspx" data-href="default.aspx">Anasayfa</a> 
   
                  </li>        
                  <li class="Dersler-wrapper"> 
                      <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=116721940&url=#" data-href="#">Dersler</a> 
                      <div class="dersler"> 
                          <ul> 
                              <li>Programlama</li> 
                              <li>Web Programlama</li> 
                              <li>Network </li> 
                          </ul> 
                      </div> 
                  </li> 
                  <li> 
                     <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=116721940&url=default.aspx" data-href="default.aspx">Haberler</a> 
                  </li> 
                  <li> 
                     <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=116721940&url=default.aspx" data-href="default.aspx">İletişim</a> 
                  </li> 
              </ul> 
          </nav> 
   
              <div class="search-wrapper"> 
               <asp:TextBox ID="txtSearcWrapper" CssClass="txtSearcWrapper " runat="server" placeholder="Arama" /> 
                  <asp:Button ID="btnArama" Text="Ara" CssClass="btnArama" runat="server" /> 
              </div> 
          </header> 
          <div class="banner"> 
               
          </div> 
   
          <div class="soltaraf"> 
              <div class="kayit"> 
                  <div class="ust"> 
                      Kayıt 
                  </div> 
   
                  <div class="alt">  
                      <div class="kullanici"> 
   
                      <span>Kullanıcı Adı</span>  
                      <asp:TextBox ID="txtkullaniciadi" CssClass="textbox" runat="server" />   
   
                      </div> 
                      
                      <div class="sifre"> 
                      <span>Şifre  </span>  
                      <asp:TextBox ID="sifre"  CssClass="textbox" runat="server" />   
                       </div> 
   
                      <asp:Button ID="btnKayit" CssClass="btnKayit" Text="Kayıt" runat="server" /> 
                      <asp:Label ID="lblSonuc" Text="" runat="server" /> 
   
   
                  </div> 
   
              </div> 
   
   
              <div class="duyurular"> 
   
                  <div class="ust"> 
                      Duyurular    
                  </div> 
   
                  <div class="alt"> 
                      <div class="duyurular-wrap"> 
                          <asp:Label Text="Başlık" runat="server"   /> <br /> 
                           <asp:Label Text="Duyuru" runat="server" /><br /> 
                           <asp:Label Text="Tarih" runat="server" /> 
                      </div> 
   
   
                  </div> 
   
   
   
              </div> 
   
          </div> 
            
         <div class="sagtaraf"> 
   
         </div> 
   
   
         <footer> 
            MEHMET ÖZGÜR ASLAN 
         </footer> 
           
   
      </div> 
       
      </form> 
  </body> 
  </html>

style kısmı

 
  body { 
      background-color:black; 
      border:1px; 
  } 
   
  * {                  
   
      margin:0 ;       
      padding:0 ;      
      border:0 ;       
  } 
   a{ 
       text-decoration:none; 
       color:#555; 
   } 
   a:hover{ 
       color:brown;  
   } 
   
  #wrapper{ 
      width:960px ; 
      height:auto ; 
      margin: 0 auto ; 
  } 
   
  header { 
      float:left; 
      width:100%; 
      height:45px; 
      background-color:white; 
  } 
   
  header .logo { 
      float:left; 
      width:89px; 
      height:45px; 
      border-right:1px solid grey  ; 
      border-left:1px solid grey; 
      border-top:1px solid grey; 
      font-family:Calibri; 
      text-align:center; 
      color:#990000; 
       
   
  } 
  header nav{ 
      float:left; 
      width:609px; 
      height:45px; 
      border-right:1px solid black; 
      line-height:45px; 
   
       
  } 
  header nav ul 
  { 
      list-style:none; 
       
  } 
  header nav ul li { 
   
      float:left; 
      margin:0 10px; 
      color:#555; 
  } 
  header nav ul li.Dersler-wrapper { 
      position:relative; 
       
   
  }header nav ul li.Dersler-wrapper.dersler 
    { 
       
      display:none; 
      position:absolute; 
      width:20px; 
      height:auto; 
      background-color:red; 
  } 
   
  header .search-wrapper{ 
      float:left; 
      width:259px; 
      height:45px; 
  } 
  header .search-wrapper .txtSearcWrapper{ 
      float:left; 
      width:190px; 
      padding:10px; 
      height:25px; 
       
  } 
   
  header .search-wrapper .btnArama{ 
      float:left; 
      width:49px; 
      height:45px; 
      border-left:1px solid black; 
   
  } 
   
  .banner{ 
      float: left; 
      margin-top:25px; 
      width:960px; 
      height:300px; 
      background-image:url('/images_asp/YazilimMuhendisligi1.jpg'); 
      background-size:cover; 
      line-height:360px; 
      text-align:center; 
  } 
   
  .soltaraf{ 
      float:left; 
      margin-top:25px; 
      width:285px; 
      height:auto; 
       
  } 
  .soltaraf .kayit{ 
   
      float:left; 
      width:285px; 
      height:auto; 
       
   
  } 
   
  .soltaraf .kayit .ust{ 
      float:left; 
      width:265px; 
      height:44px; 
      border-bottom:1px solid grey; 
      background-color:#fff; 
      font-size:18px; 
      line-height:44px; 
      padding-left:20px; 
  } 
   
  .soltaraf .kayit .alt { 
      float:left; 
      width:250px; 
      padding:17.5px; 
      height:190px; 
      border-bottom:1px solid grey; 
      background-color:#fff; 
  } 
  .soltaraf .kayit .alt .sifre{ 
      margin-top:15px;  
   
        
   
   
   
  } 
  .soltaraf .kayit .alt .textbox{ 
      width:248px; 
      height:38px; 
      border:1px solid #555; 
      font-size:15px; 
      padding-left:5px; 
  } 
  .soltaraf .kayit .alt .btnKayit 
  { 
      float:right; 
      width:100px;  
      height:40px; 
      line-height:40px; 
      text-align:center; 
      color:white; 
      background-color:#000000; 
      margin-top:10px; 
       
  } 
   
   
   
  .soltaraf .duyurular{ 
      float:left; 
      width:285px; 
      height:auto; 
      margin-top:45px; 
   
  } 
   
  .soltaraf .duyurular .ust{ 
      float:left; 
      width:270px; 
      height:44px; 
      line-height:44px; 
      padding-left:15px; 
      border-bottom:1px solid grey; 
      color:darkred; 
      background-color:#fff; 
      text-align:center; 
      
  } 
   
  .soltaraf .duyurular .alt { 
      float:left; 
      width:250px; 
      padding:17.5px; 
      height:auto; 
      border-bottom:1px solid grey; 
      color:#555; 
      background-color:white; 
   
  } 
   
  .soltaraf .duyurular .alt .duyurular-wrap{ 
      float:left; 
      width:100%; 
      height:auto; 
      background-color:#808080; 
  } 
   
   
  .sagtaraf{ 
      float:right; 
      margin-top:25px; 
      width:625px; 
      height:500px; 
      background-color:white; 
   
  } 
   
  footer{ 
      float:left; 
      width:100%; 
      height:60px; 
      margin-top:25px; 
      background-color:darkblue; 
      text-align:center; 
      line-height:60px; 
      color:white; 
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  }

JQuery kodlarını da yazdım onda sıkıntı olduğunu düşünmüyorum.Dersler kısmına Programlama,Web Programlama,Network gelmesi gerekirken altta başka bir maddeymiş gibi gözüküyor.sorunu çözemedim 2 gündür.yardımcı olursanız sevinirim.

Benzer içerikler