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ı.
Menümdeki Linkler Link olarak çıkmıyor.
10
●819
- 22-11-2013, 22:40:20Doktor hastayı görmeden müdahalede bulunamaz. (kodlar bi zahmet)
- 22-11-2013, 23:26:42Html kodları :alikarakoc93 adlı üyeden alıntı: mesajı görüntüle
<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
#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. - 23-11-2013, 00:02:08Menü zaten solda ? sola doğru kaydırmak ne demek ?
Resimli şekilde anlatabilirseniz yardımcı olmaya çalışırım. - 23-11-2013, 12:54:43alikarakoc93 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. - 23-11-2013, 15:41:50Başka bir kod engelliyor olabilir header html/css paylaşırsan tekrar yardımcı olamaya çalışırım.aTKn94 adlı üyeden alıntı: mesajı görüntüle
Ama bende menü sol tarafta. - 24-11-2013, 16:47:22Sorunu 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üzeldialikarakoc93 adlı üyeden alıntı: mesajı görüntüle

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.

