• 23-06-2010, 17:50:40
    #1
    Merhaba arkadaşlar resimde gösterdiğim yere ufak bir logo eklemek istiyorum fakat bir türlü beceremedim nasıl halledebilirim bunu acaba ?




    <style>
    #anamenu {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100%;
      width: 160px;
      padding: 5px 0px 2px 4px;
      margin: 0px;
      border:3px;
      border-color:#1D4088;
    }
    
    
    
    #anamenu h1 {
      display: block;
      background-color:#3B5998;
      font-size: 90%;
      padding: 3px 0 5px 3px;
      border:none;
      border-color:#FFFFFF;
      color: #FFFFFF;
      margin: 0px;
      width:161px;
      }
    #anamenu ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      border: none;
      }
      #anamenu ul li {
      margin: 0px;
      padding: 0px;
      }
      #anamenu ul li a {
      font-size: 80%;
      display: block;
      border-bottom: 1px dashed #C39C4E;
      padding: 5px 0px 2px 4px;
      text-decoration: none;
      color: #666666;
      width:160px;
    background-color: #f6ed84
      }
    #anamenu ul li a:hover, #anamenu ul li a:focus {
      color: #000000;
      background-color: #EDEFF4;
      }
    </style>
  • 23-06-2010, 18:29:27
    #2
    CSS'e şunu ekleyin

    #anamenu h1 span {
       float: right;
    }
    HTML'de şu kodu
    <h1>Bir Avuç Şiir</h1>
    Şu şekilde değiştirin
    <h1>Bir Avuç Şiir<span><img /></span></h1>
    <img /> etiketine gerekenleri yazıp logonuzu ekleyebilirsiniz.
  • 23-06-2010, 20:15:19
    #3
    olmadı ya tam o gösterdiğim yede çıkmadı. tam mavi yerin bitiminde çıktı.
  • 23-06-2010, 22:26:10
    #4
    Kimlik doğrulama veya yönetimden onay bekliyor.
    eklenen SPAN css'ine margin özelliği vererek istediğiniz noktaya hizalayabilirsiniz. İstediğinize göre bakıcak olursak;

    margin: 0 5px 0 0; kodunu ekleyebilirsiniz css'e. 5px kısmını ne kadar kaydıracaksanız o kadar yazabilirsiniz.
  • 23-06-2010, 23:03:05
    #5
    Kayması sanırım #anamenu h1'i display: block; olarak tanımlamış olmanızdan kaynaklanıyor. Ya _BuKi_'nin dediğini yapın, ya da block'u inline olarak değiştirip deneyin.
  • 23-06-2010, 23:25:51
    #6
    margin kullanarak hizalandırma işlemini yapabilirsiniz
  • 24-06-2010, 00:23:21
    #7
    tamam da zaten o mavi bölümün içine girmiyor logo mavi bölümün hemen altında çıkıyor :S
  • 24-06-2010, 00:40:24
    #8
    CSS'deki #anamenu h1'i şu şekilde değiştirin:

    #anamenu h1 {
      display: inline;
      background-color:#3B5998;
      font-size: 90%;
      padding: 3px 0 5px 3px;
      border:none;
      border-color:#FFFFFF;
      color: #FFFFFF;
      margin: 0px;
      width:161px;
      }
  • 24-06-2010, 00:42:56
    #9
    tayfaturk adlı üyeden alıntı: mesajı görüntüle
    tamam da zaten o mavi bölümün içine girmiyor logo mavi bölümün hemen altında çıkıyor :S
    Sanırım bunun sebebi display:block kullanmanızdan dolayı olması lazım
    İnline ile değiştirip deneyin sonucu yazarsanız sevinirim