jQuery Animate sorunum

SORUNUM ÇÖZÜLDÜ!

Ufak bir dikkatsizlikmis. absolute verdikten sonra top left vermeyi unutmusum. yine de ilginiz için tesekkür ederim 🙂

 

Merhaba, 11. sınıf web tasarım öğrencisiyim. Gizli bir menü yaptım ve menü butonuna tıklayınca slidetoggle ile açılıyor ama bütün sayfayı kaydırıyor. position verdim bu sefer de menü butonunun üstünden geçmeye başladı. Yardımcı olursanız sevinirim 🙂

html ve javascript kodlarını eklerseniz yardımcı olabiliriz

24/12/2016.

HTML

 <body> <div="header"> <div class="menu"> <a href="#" class="anasayfa">Anasayfa</a> <a href="#" class="hakkimda">Hakkımda</a> <a href="#" class="iletisim">İletişim</a> </div> <div class="menu-buton"> <i class="fa fa-bars fa-2x"></i> </div> </div> <div class="Logo"></div> 
  jscript
 $('.menu-buton').click(function() { $('.menu').slideToggle(1000); }); 

 

Burasıda CSS kısmı. position absolute vs denedim ama çözmedi sorunumu

.menu-buton {
 width: 90px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 border-radius: 12px;
 background-color: rgba(255,127,0,0.7);
 cursor: pointer;
 color: white;
 margin:auto;
 margin-top: 5px;
 }
 .menu {
 width: 50%;
 height: 6%;
 background-color: rgba(255,127,0,0.7);
 display: none;
 margin-left: 25%;
 border-radius: 50px;
 }
 .anasayfa , .hakkimda , .iletisim{
 line-height: 50px;
 text-decoration: none;
 color: white;
 font-size: 2em;
 font-family: "Comic Sans MS";
 }
 .anasayfa{
 margin-left: 3px;
 }
 .hakkimda{
 margin-left: 100px;
 }
 .iletisim{
 margin-left: 100px;
 }
 .fa-2x{
 margin-top: 4px;
 }
 .logo{
 width: 250px;
 height: 250px;
 border-radius: 100%;
 background-color: red;
 margin: auto;
 margin-top: 100px;
 position: relative;
 }
24/12/2016.
Yorum Ekle
  • 0 Cevap(lar)

    Cevabınız

    Cevabınızı yazarak, gizlilik politikasını ve hizmet şartlarını kabul etmiş olursunuz.