CSS resen sonrası TABLE şekillendirme

Doğru Cevap

• 

  12 yıl önce yazılmış

  sevketbulamaz

  56 cevap - 0 soru
  reset css kullandıktan sonra browser cssleri sıfırlanır. adı üstünde. reset. dolayısı ile ilgili alanların için cssleri tekrar yazmalısın. bu arada table için verdiğin attribute lar css'i ezemeyebilirler. dolayısı ile tekrar tanımlama yapman lazım.
  

  td { padding : 5px; }

  
  gibi bir css kodunu reset cssten sonra okunacak şekilde eklersen bütün td elementlerine 4 kenardan da 5 pixel boşluk verir.
  reset css'in amacı olabildiğince bütün browserlarda aynı görsel etkiyi sağlamaktır. çünkü ie, firefox, opera vb... bütün browserların default css ayarları birbirinden oldukça farklıdır.(kimi browserlar birbirine çok yakındır ama mutlaka farklı noktaları olacaktır)
  verdiğin koddaki gibi attribute ları kullanmak yerine css ile reset cssten hemen sonra yazabilirsin. o attributelar yerine table ına bir class verirsen tadından yenmez :D
  

  <table class="veributunu">
    <tr>
      <th>baslik1</th><th>baslik2</th>
    </tr>
    <tr>
      <td>deger 1</td><td>deger 2</td>
    </tr>
  </table>
  

  
  css için ise;
  

  table { 
    background: #ccc none;
    border: 1px solid #000;
    padding: 5px;
  }
  
  th {
    background: #fc0 none;
    font-weight: bold;
    padding: 2px 5px;
  }
  
  td {
    padding: 2px 5px;
    text-align: left;
  }
  

  • sevketbulamaz
    en alttaki css de eksik bırakmışım

    table.veributunu { 
      background: #ccc none;
      border: 1px solid #000;
      padding: 5px;
    }
    

    olacaktı.
    12 yıl önce yazılmış

Cevaplar

• 

  12 yıl önce yazılmış

  Vedia

  66 cevap - 21 soru
  Ben bu table olayını facebox içinden kullanmak istedim. Bunun çözümü de aşağıdaki kodu facebox.css içine yazmaktan geçiyor. Belki bir arkadaşın işine yarar...
  

  #facebox .content table tr td { padding: 4px; }
  #facebox .content table tr th { padding: 4px; }
  #facebox .content table { border-collapse: separate; border-spacing: 1px; }