ASP açılır menü-sorun

9 yıl

Er

Konu Sahibi

 
   <%@ 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.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

O

ozgur.10

9 yıl

Er

Konu Sahibi

Yok mu cevabı olan?

Bu mesaja 1 cevap geldi.

D

dobbamca

9 yıl

Onbaşı

bunu deneyebilirsin:

http://www.webkariyer.net/makale/jquery/79/jquery-acilir-dropdown-menu-yapimi.aspx#.VzSC8JGLSUk

https://jsfiddle.net/vcgory4v/