Tableless Table Data
ColdFusionMy good friend over at <cfsilence> posted a good point today and I felt I had to respond. He states, Nothing Wrong With The Good Old Table Tag, and I agree with him. For tabular data nothing works better than a good old fashion <table>. However there are those who believe that anything with tables is bad and they should not be used. I on the other hand believe they have there place, just not in site layout design.
A few months ago when I was going through my CSS awakening I was curious about the creating CSS tables and this is what my other good friend Dave Shuck helped me with.
<style>
div.container{text-align:center;float:left;}
div.outputDivStart{clear:both;float:left;padding:2px;border-bottom:1px solid #c9c9c9;}
div.outputDiv{border-left:1px solid black;float:left;padding:2px;border-bottom:1px solid #c9c9c9;)
</style>
<div class="container">
<cfoutput>
<cfloop from=1 to=3 index="i">
<div>
<div class="outputDivStart">Column 1 row #i#</div>
<div class="outputDiv">Column 2 row #i#</div>
<div class="outputDiv">Column 3 row #i#</div>
<div class="outputDiv">Column 4 row #i#</div>
<div class="outputDiv">Column 5 row #i#</div>
<div class="outputDiv">Column 6 row #i#</div>
<div class="outputDiv">Column 7 row #i#</div>
</div>
</cfloop>
</cfoutput>
</div>
div.container{text-align:center;float:left;}
div.outputDivStart{clear:both;float:left;padding:2px;border-bottom:1px solid #c9c9c9;}
div.outputDiv{border-left:1px solid black;float:left;padding:2px;border-bottom:1px solid #c9c9c9;)
</style>
<div class="container">
<cfoutput>
<cfloop from=1 to=3 index="i">
<div>
<div class="outputDivStart">Column 1 row #i#</div>
<div class="outputDiv">Column 2 row #i#</div>
<div class="outputDiv">Column 3 row #i#</div>
<div class="outputDiv">Column 4 row #i#</div>
<div class="outputDiv">Column 5 row #i#</div>
<div class="outputDiv">Column 6 row #i#</div>
<div class="outputDiv">Column 7 row #i#</div>
</div>
</cfloop>
</cfoutput>
</div>
Good Day!
Ryan
PS Is it kinda weird that I've never really met these "good friends" in person?
Loading....