Regin
Regin

Reputation: 13

make cell span two colums css3 (no tables)

I am trying to build a table purely in CSS. Have succeded so far, even though I have one issue: How do I make a cell span two columns?

I made this fiddle, and in the top where the "XXXXXX" with the grey background is, I simply cannot make it span the width of my box. I tried to use column-span, but it did not work, so I guess I have redesign it in another fashion .. just how?

I am using this code, but the content of tabledata_lang stops just where tablecells below stop:

#tabledata_lang {
padding: 6px;
width:100%;
}

See my fiddle here: http://jsfiddle.net/T7wU2/

(Probably easier to see my issue here...)

Hope someone has some input..

Regards Regin

Upvotes: 0

Views: 105

Answers (1)

omma2289
omma2289

Reputation: 54659

I think you are looking for the colspan attribute

<td colspan="2"></td>

This will make a cell span 2 columns

Upvotes: 1

Related Questions