• 22-11-2013, 21:12:04
    #1
    Merhaba,
    Localhost'da kendime ait bir site yapmaya çalışıyorum. Header'i yaptım. Menu kısmıda super ama linkler nedense tam çıkmıyor. Mesela ana sayfa yazısı var normalde a href ile link içine aldım ben onu. Üstüne gelince birşey olmuyor ama 3-5 px aşağısına fare ile gelince link olduğunu anlıyoruz fare imleci felan değişiyor. Bu niye böyle oluyor anlamadım. Css kodları ile mi alakalı. Tüm css kodlarını pasif yapıyorum yine aynı.
  • 22-11-2013, 22:40:20
    #2
    Doktor hastayı görmeden müdahalede bulunamaz. (kodlar bi zahmet)
  • 22-11-2013, 23:26:42
    #3
    alikarakoc93 adlı üyeden alıntı: mesajı görüntüle
    Doktor hastayı görmeden müdahalede bulunamaz. (kodlar bi zahmet)
    Html kodları :

    <div id="menu">
       	   <ul class="solkisim">
    		<li><a href="hakkimizda.html"><i class="fa fa-home"></i> Anasayfa</a></li>
    		<li style="width:120px"> <a href="hakkimizda.html"><i class="fa fa-cog"></i> Admin Paneli</a></li>
    		<li><a href="urunler.html"><i class="fa fa-user"></i> Üye Paneli</a></li>
    		<li><a href="üye girisi.html"><i class="fa fa-sign-out"></i> Çıkış Yap</a></li>
    		<li><a href="iletisim.html"><i class="fa fa-envelope-o"></i> İletişim</a></li>
    	   </ul>
           
            <ul class="sagkisim">
           		<form id="arama-form" action="" method="post">
    				<input id="arama-input-text" type="text" name="query" placeholder="Oyun Ara..." />
    				<input id="arama-input-submit" type="submit" value="" />
    			</form>
            </ul>
       </div>
    Css kodları :
    div#menu {
    font-family: 'Lato', sans-serif;
    height: 35px;
    border: 1px solid silver;
    min-width: 961px;
    margin-top: -1px;
    background-image:url('../images/bg-arkaplan.png');
    background-color:#E6E6E6;
    }
    
    
    div#menu .solkisim {
    list-style:none;
    position: absolute;
    padding-left: 88px;
    }
    
    div#menu ul li {
    text-align:center;
    width:100px;
    display:block;
    float:left;
    margin-right: 6px;
    }
    
    #menu  ul li a {
    color: rgb(90, 90, 90);
    padding-top: 9px;
    text-decoration:none;
    height:30px;
    display:block;
    }
    
    #menu  ul li a:hover {
    color:black;
    padding-top: 9px;
    text-decoration:none;
    height:30px;
    display:block;
    }
    
    
    div#menu .sagkisim {
    list-style:none;
    position: absolute;
    padding-left: 958px;
    padding-top: 2px;
    }
  • 22-11-2013, 23:37:24
    #4
            #menu {
                font-family: 'Lato', sans-serif;
                height: 35px;
                border: 1px solid silver;
                min-width: 961px;
                margin-top: -1px;
                background-image: url('../images/bg-arkaplan.png');
                background-color: #E6E6E6;
            }
    
    
                #menu .solkisim {
                    list-style: none;
                    float: left;
                }
    
                #menu ul {
                    margin: 0;
                    padding: 0;
                }
    
                    #menu ul li {
                        text-align: center;
                        width: 100px;
                        display: block;
                        float: left;
                        margin-right: 6px;
                        line-height:30px;
                    }
    
                        #menu ul li a {
                            color: rgb(90, 90, 90);
                            text-decoration: none;
                            height: 30px;
                            display: block;
                        }
    
                            #menu ul li a:hover {
                                color: black;
                                text-decoration: none;
                                height: 30px;
                                display: block;
                            }
    
    
                #menu .sagkisim {
                    list-style: none;
                    float: right;
                }
    Şeklinde değiştirirseniz düzelir.

    padding-left:250px; bu şekilde bi çok değer gördüm yanlış yöntem üzerinde çalışmalısınız. padding margin değerleriniz 40px 50px i aşmamalı.

    İyi çalışmalar.
  • 22-11-2013, 23:46:47
    #5
    Dediğinizde haklısınız oldu ama sorun şu. Menü ortada kalıyor. Ben position:absolute verip margin ile kaydırmıştım. Şimdi ne yapsam menüyü sola doğru kaydıramıyorum. float değeri de var halbu ki.
  • 23-11-2013, 00:02:08
    #6
    Menü zaten solda ? sola doğru kaydırmak ne demek ?

    Resimli şekilde anlatabilirseniz yardımcı olmaya çalışırım.
  • 23-11-2013, 12:54:43
    #7
    alikarakoc93 adlı üyeden alıntı: mesajı görüntüle
    Menü zaten solda ? sola doğru kaydırmak ne demek ?

    Resimli şekilde anlatabilirseniz yardımcı olmaya çalışırım.


    Gördüğünüz gibi menüdeki yazılar sağa doğru kayık. float vermeme rağmen. position absoult yapıp margin değeri vererek yapmıştım ama o zamanda linklerde sıkıntı oluyor.
  • 23-11-2013, 15:41:50
    #8
    aTKn94 adlı üyeden alıntı: mesajı görüntüle


    Gördüğünüz gibi menüdeki yazılar sağa doğru kayık. float vermeme rağmen. position absoult yapıp margin değeri vererek yapmıştım ama o zamanda linklerde sıkıntı oluyor.
    Başka bir kod engelliyor olabilir header html/css paylaşırsan tekrar yardımcı olamaya çalışırım.

    Ama bende menü sol tarafta.
  • 24-11-2013, 16:47:22
    #9
    alikarakoc93 adlı üyeden alıntı: mesajı görüntüle
    Başka bir kod engelliyor olabilir header html/css paylaşırsan tekrar yardımcı olamaya çalışırım.

    Ama bende menü sol tarafta.
    Sorunu buldum. Header'deki logo kısmına float left vermişim. Bide margin-left: 80px; verdiğim için menü orda çıkıyor. Ama stil.css'de temizle divi tanımlamamış. Onu tanımlayıp temizle div'ini ekleyince düzeldi

    Bide birşey sormak istiyorum. Şimdi menü tam solda. Bunu margin left , right ile kaydırabiliyorum. Siz padding margin değerleriniz 40px 50px i aşmamalı demiştiniz. Aşarsa ne yapmamız gerek.