Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

CSS resen sonrası TABLE şekillendirme

Arkadaşlar,

Bir projemde CSS reset kullandım:
http://developer.yahoo.com/yui/3/cssreset/
http://meyerweb.com/eric/tools/css/reset/

Fakat, reset sonrasında table içindeki verilerim kötü göründüler. cellpadding ve cellspacing için değer tanımladığımda table üzerinde ekti yapmıyorlar.

Kullandığım kod şu:
<table bgcolor="#cccccc" border="1" cellpadding="5" cellspacing="1">

Ekli Dosyalar

+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • sevketbulamaz adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    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 adlı üyenin fotoğrafı sevketbulamaz
      en alttaki css de eksik bırakmışım
      table.veributunu { 
        background: #ccc none;
        border: 1px solid #000;
        padding: 5px;
      }
      
      olacaktı.
      10 yıl önce yazılmış

Cevaplar

  • Vedia adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    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; }