Bir tabloda iki satır arasındaki boşluk? | Netgez.com
SORU
8 Aralık 2008, PAZARTESİ

Bir tabloda iki satır arasındaki boşluk?

Bu CSS ile mümkün olur?

Çalışıyorum

tr.classname {border-spacing:5em}

boşuna. Belki ben yanlış bir şey yapıyorum ?

CEVAP
10 Aralık 2008, ÇARŞAMBA

Td unsurları dolgu kullanmanız gerekir. Bu hile yapmak gerekir gibi. Tabii ki, aynı sonucu alt doldurma yerine bir üst doldurma.

CSS kodu. Büyüktür işareti doldurma sadece sınıf spaceUnder ile tr unsurları doğrudan çocuklar olan td öğelere uygulanan anlamına gelir. Bu da iç içe tablolar kullanmak için yapacaktır. (Örnek kodda hücre C ve D.) Doğrudan çocuk seçici (IE 6 düşünüyorum) için tarayıcı desteği hakkında çok emin değilim, ama herhangi bir internet sitesinde yer alan kod sonu olmamalı.

/* Apply padding to td elements that are direct children of the tr element. */
tr.spaceUnder > td
{
  padding-bottom: 1em;
}

HTML kodu:

<table>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr class="spaceUnder">
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

Bu gibi biraz vermek gerekir:

 --- --- 
| A | B |
 --- --- 
| C | D |
|   |   |
 --- --- 
| E | F |
 --- ---

Bunu PaylaÅŸ:
  • Google+
  • E-Posta
Etiketler:
HtmlCss

AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • Electro Posé

    Electro PosÃ

    21 ÅžUBAT 2013
  • girleffect

    girleffect

    20 Mayıs 2008
  • Murray Winiata

    Murray Winia

    2 ÅžUBAT 2009

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR