folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder CSS İle Menü Bağlantılarını Nasıl Ortalarım ?



CSS İle Menü Bağlantılarını Nasıl Ortalarım ?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    OldBoy
    OldBoy's avatar
    Kayıt Tarihi: 15/Aralık/2010
    Erkek

    Merhabalar,

    Kullandığım temada menü bağlantıları sola doğru yatık biçimde. Fakat bağlantıların menü içinde ortalanmasını istiyorum.

    Ne denediysem beceremedim. CSS hakkında bilgi sahibi olanlar bu konuda yardımcı olursa çok sevinirim...

    CSS Kodları

    #templatemo_menu ul { float: left; width: 640px; margin: 0; padding: 0px; list-style: none }
#templatemo_menu ul li { margin: 0; padding: 0; display: inline }
#templatemo_menu ul li a {
        display: block;
	float: left;
	line-height: 41px;
	padding: 0 30px;
	margin-right: 1px;
	font-size: 14px;

}

    HTML Kodları

    <div id="templatemo_menu" >
<ul>
<li><a href="index.html" class="selected"><i class="fa fa-home"></i> Anasayfa</a></li>
<li><a href="biyografi.html"><i class="fa fa-headphones"></i> Biyografi</a></li>
<li><a href="galeri.html"><i class="fa fa-camera"></i> Galeri</a></li>
<li><a href="iletisim.html"><i class="fa fa-phone"></i> İletişim</a></li>
</ul>
    </div>

     

    OldBoy tarafından 14/Tem/18 15:03 tarihinde düzenlenmiştir
    Reply With Quote Alıntı yap
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    blutarm
    blutarm's avatar
    Kayıt Tarihi: 09/Mart/2007
    Erkek

    responsive olarak çalışmadığına göre menüyü 640 çalışmışın li idsinde width versen istediğin olacaktır. alttaki  id'yi değiştirmen yeterlidir. 

    sana tavsiyem style yazarken id kullanma class kullan. id daha çok benzersiz javascript ile kullanacağın kısımlarda tercih et

    #templatemo_menu ul li a {
    width:158px; 
    text-align:center;
    display: block;
    float: left;
    line-height: 41px;
    margin-right: 1px;
    font-size: 14px;
    }

     

     

    blutarm tarafından 14/Tem/18 16:03 tarihinde düzenlenmiştir
    Reply With Quote Alıntı yap
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    OldBoy
    OldBoy's avatar
    Kayıt Tarihi: 15/Aralık/2010
    Erkek
    blutarm bunu yazdı

    responsive olarak çalışmadığına göre menüyü 640 çalışmışın li idsinde width versen istediğin olacaktır. alttaki  id'yi değiştirmen yeterlidir. 

    sana tavsiyem style yazarken id kullanma class kullan. id daha çok benzersiz javascript ile kullanacağın kısımlarda tercih et

    #templatemo_menu ul li a {
    width:158px; 
    text-align:center;
    display: block;
    float: left;
    line-height: 41px;
    margin-right: 1px;
    font-size: 14px;
    }

     

     

    Teşekkür ederim hocam sağolasın...  :)

    Reply With Quote Alıntı yap
Toplam Hit: 1418 Toplam Mesaj: 3
html5 menü css 3