2012-06-11 14 views
6

मुझे लगता है कि मैं जो करने की कोशिश कर रहा हूं, इस स्कीमा का सवाल स्वयं प्रश्न से अधिक वर्णनात्मक होगा।क्या वैकल्पिक पंक्तियों के लिए यह संभव है?

+------------------------+-----------------------+ 
|      |      | 
+      +-----------------------+ 
|      |      | 
+------------------------+      + 
|      |      | 
+      +-----------------------+ 
|      |      | 
+------------------------+-----------------------+ 
|      |      | 
+------------------------+-----------------------+ 

आप देख सकते हैं, मैं एक 2 कॉलम तालिका जहां कुछ बिंदु पर यह अगले 2 पंक्तियों पर स्तंभों में से एक है, और अंततः अन्य rowspan में सक्षम होना चाहिए बनाने के लिए कोशिश कर रहा हूँ।

क्या मुझे ऐसा करने का कुछ स्पष्ट तरीका याद है, या कुछ उन्नत टेबल टैग/विशेषता? या टेबल का उपयोग कर ऐसा करने का कोई तरीका नहीं है?

मुझे पता है कि अन्य तरीकों से इसका उपयोग करना संभव है, लेकिन तालिकाएं मुझे रूचि है, और इसके बारे में क्या सवाल है।

संदर्भ के लिए: से कुछ चीज़ों पर मैं कोशिश की है और सफल नहीं हुआ http://jsfiddle.net/dbtYk/

+0

हे, दिलचस्प सवाल, इस बारे में 12 साल के HTML में कभी नहीं सोचा! मैं * सोचता हूं * यह असंभव है, लेकिन मुझे थोड़ा प्रयोग करने दो ... किसी भी तरह से, सामान्य ब्लॉक-स्तर तत्वों के साथ ऐसा करना आसान हो सकता है। –

+0

एचटीएमएल के 12 साल? ओ_ओ आपको ज्ञान को ताज़ा करने की जरूरत है। विशेषताओं 'rowspan' और 'colspan' का उपयोग करके आप किसी भी प्रकार की टेबल बना सकते हैं, यहां तक ​​कि कुछ बहुत रचनात्मक भी। – micnic

उत्तर

6

जब तक मैं कुछ नहीं छूटा है कर रहे हैं, here is an example अपने jsfiddle के आधार पर

<table> 
    <tr style="height:20px;"> 
     <td rowspan="2">left</td> 
     <td>right</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td rowspan="2">right</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td rowspan="2">left</td> 
    </tr> 
    <tr style="height:20px;"> 
     <td>right</td> 
    </tr> 
    <tr> 
     <td>left</td> 
     <td>right</td> 
    </tr> 
</table> 

अद्यतन

जैसा कि उपरोक्त दुर्भाग्य से सिकाडा द्वारा इंगित किया गया है, क्रोम में काम नहीं करता है।

अद्यतन 2

रूप Alohci से कहा, एक ऊंचाई जोड़ने यह क्रोम में काम करता है। उपरोक्त को new jsfiddle के साथ प्रतिबिंबित करने के लिए संशोधित किया गया है।

+1

जब तक मुझे कुछ याद नहीं आया, आपका समाधान काम नहीं करता है (क्रोम 1 9)। –

+1

@Cicada - मैं क्रोम से नफरत करना शुरू कर रहा हूं उसी तरह से मैं आईई से नफरत करता हूं ... इन ब्राउज़र में से कोई भी वही काम क्यों नहीं कर सकता !! समस्या को इंगित करने के लिए धन्यवाद – freefaller

+2

एक बार जब आप तालिका पंक्तियों को ऊंचाई देते हैं तो यह काम करता है। – Alohci

0
पाठ्यक्रम कि संभव है :-)

<table border="yes"> 
    <tr> 
     <td rowspan="2">1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td rowspan="2">3</td> 
    </tr> 
    <tr> 
     <td rowspan="2">4</td> 
    </tr> 
    <tr> 
     <td>5</td> 
    </tr> 
    <tr> 
     <td>6</td> 
     <td>7</td> 
    </tr> 
</table> 

बस कोशिकाओं है कि पहले से ही एक पिछली पंक्ति से फैला कोशिकाओं द्वारा कवर कर रहे हैं छोड़ के

+1

उम ... -2 किसके लिए? –

संबंधित मुद्दे