[Resolvido] tabela, tr, td na vertical

[brcontainer 16]

muitas pessoas tem procurado uma solução para o problema, fiz uma em PHP, mas nem todo mundo usa PHP e nem sempre as colunas tem texto, as vezes tem imagem no lugar de texto.

 

ae a melhor solução seria o DOM do javascript, então fiz esse sistema:

<style>
table#tt tr td{
background:#fc0;
height:25px;
}
</style>

<script>
function TableVertical(){
/****************************************
******--------------------------------******
******--------------------------------******
******Tabela Vertical by SilverFox******
******--------------------------------******
******--------------------------------******
*****************************************/
var soma = "0";
var tt = document.getElementById("tt");
var ttr = tt.getElementsByTagName("tr");
var ttds = ttr[0].getElementsByTagName("td");
	for(i=0;i<ttds.length;i++){
		soma = (-(-soma)+(ttds[0].offsetWidth));
	}
tt.style.width = (soma);
}
window.onload = function(){
TableVertical();
}
</script>

<table id="tt">
<tr>
<td>asda as </td>
<td>asda as </td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>

<td>asda as asd as das d</td>
</tr>
<tr>
<td>asda as asd as das d dasda as asd as das dasda as asd as das d</td>
<td>asda as asd as das dasda as asd as das dasda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
<td>asda as asd as das d</td>
</tr>

</table>

mantenham os creditos ;p