Bu tablo tasarımını geçerli işaretlemeyle nasıl kullanabilirim?

-2

Tabloları tutmak istiyorum, ancak aynı konumlandırma sonucunu sıkı bir doktrin ile elde etmek için css'yi kullanın. Bu tam ihtiyacım olan şeyi yapan tasarım.Bu tablo tasarımını geçerli işaretlemeyle nasıl kullanabilirim?

Son (alt) <td> hücresindeki <br> etiketlerine dikkat edin. Bu alan büyüdükçe, verilerin yukarıdaki iki <td> hücresindeki konumu, konumu değiştirmez.

<table cellpadding="0" cellspacing="0" border="1" width="400" height="100%"> 
    <tr> 
    <td valign="top"> 
     <table cellpadding="0" cellspacing="0" border="0" height="100%"> 
     <tr> 
      <td valign="top">ds</td> <----- The position here is important 
     </tr> 
     <tr> 
      <td valign="bottom">ds</td> <----- The position here is important 
     </tr> 
     </table> 
    </td> 
    <td valign="top">ada adf ad<br><br><br><br><br><br><br><br><br></td> 
    </tr> 
</table>

kaynak

2010-11-19 Jim

Bunu bir div yapısında kopyalamak veya tabloları web siteniz için bir düzen olarak kullanmak ister misiniz? – Kyle

Selam Kyle, tabloları yapı için tutmak istiyorum ama css ile önemli olarak işaretlediğim 2 hücreyi konumlandırmak istiyorum. – Jim

Tablolar eski bir düzen yapısıdır, tablo verileri kullanıyorsanız tabloların kullanılması iyidir. Ancak, düzende olduğu gibi, gerçekten semantik div/css düzenlerine geçmelisiniz. Bu düzen semantik HTML (div ve şeyler) ile kolayca simüle edilebilir. – Kyle

İstediğiniz tüm içeriği here bulabilirsiniz.

kaynak

2010-11-19 10:26:34 MatTheCat

Bir tablo kelimesinden geldiğimde, DIV düzenini her zaman $$'da bir acı buldum. blue print css'a bakın ve kullanımı çok kolay CSS çerçevesi. Sizi dışarı çıkarırız

kaynak

2010-11-19 10:29:00 wmitchell

Evet efendim! Css'nin baş ağrısına değdiğini sanmıyorum. Farkında olduğunuzdan çok fazla korsana ihtiyaç var. Sahip olduğun bağlantıyı kontrol edeyim, teşekkürler! – Jim

Neden oy kullandınız? Bence önerileriniz çok güzel. – Jim

http://giveupandusetables.com/ –

"Tabloları yapı için sakla" ile ne kastettiğinizden emin değilim, ama sanırım içeriğiniz çok kısasa, "üst" ve " alt "metinler üst üste gelecek. CSS tarz tablolarla

http://jsfiddle.net/HsmKA/

Varyant:

Ben for you here o Div'leri ve CSS ile bu tabloyu çoğaltmak için ne kadar kolay olduğunu göstermek için bir örnek yapılan http://jsfiddle.net/JmQ55/

kaynak

2010-11-19 10:41:47 RoToRa

RoToRa, Teşekkürler. Şimdi kontrol edeceğim. – Jim

RoToRa, bunun için THanks. Yapmayı umduğum şey masalarımı tutmaktı ama aynı sonuca ulaşmak için ona satır içi css eklemekti. Mümkün mü? – Jim

Hangi tabloları saklamak istediğinizi ve nedenini anlamıyorum. Belkide ne tür bir içeriğin olduğunu açıklamalısın. – RoToRa

HTML:

<div id="main-div-wrap"> 
       <div class="left-content"> 
       <span class="top">ds</span> 
       <span class="bottom">ds</span> 
       </div> 
       <div class="right-content"> 
        ada adf ad 
       </div> 
</div>

CSS:

#main-div-wrap 
{ 
    position: absolute; 
    width: 400px; 
    height: 200px; 
    border: 1px solid #000; 
} 

.left-content 
{ 
    width: 18%; 
    float: left; 
    height: 100%; 
} 

.right-content 
{ 
    margin-left; 18%; 
    width: auto; 
    float: left; 
    height: 100%; 
    border-left: 1px solid #000; 
} 

.top 
{ 
    position: absolute; 
    display: block; 
    top: 0; 
} 

.bottom 
{ 
    position: absolute; 
    display: block; 
    bottom: 0; 
}

Tüm semantik, hiçbir gardiyanlar, doğrular ve tarayıcılar için değiştirmek gerekiyorsa, more than enough tools out there to help you gidecekseniz.

kaynak

2010-11-19 10:55:47 Kyle

Bu tablo tasarımını geçerli işaretlemeyle nasıl kullanabilirim?

cevap

İlgili konular