Para los que visitaron el tema y quedaron con la duda tengo las siguientes forma de solucionar este asunto.
1. Utilizando el codigo de alguien que escribio el script para tablas horizontales y modificando un poquito para adaptar aqui les va:
Código PHP:
Ver original<?php
$filas = 10; // OK?
$pru= 0;
$prue= 10;
echo '<table style="border: 1px inset" border="1">';
for ($x = 0; $x < $filas; ++$x)
{
echo '<td>';
if($pru <= $prue) {
echo $pru++;
}
echo '</td>';
}
echo '</table>';
?>
2. Otra forma era usando el mismo script para cargar las tablas en esquema flotante, solo que asi se ajustan directamente al ancho del div o donde decidan montar las tablas
Código PHP:
Ver original<?php
$vn_recently_added_count = 0;
if(is_array($this->getVar("recently_added")) && sizeof($this->getVar("recently_added")) > 0){ foreach($this->getVar("recently_added") as $vn_object_id => $vs_thumb){
?>
<table cellpadding="0" cellspacing="0" style="float: left">
<tr><td valign="middle" align="center">
<?php print caNavLink
($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id)); ?> </td></tr></table>
<?php
$vn_recently_added_count++;
}
}
?>
3. Usando una libreria de Jquery de flowplayer.org y haciendo unos ajustes en el php, el codigo quedaria asi y funciona perfectamente:
Código PHP:
Ver original<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<!-- standalone page styling (can be removed) -->
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/standalone.css"/>
<style id='flashfirebugstyle' type='text/css'>object,embed{visibility:hidden !important;}</style><script type='text/javascript'>window.addEventListener('load', function() {document.addEventListener('DOMNodeInserted', function(e) {if(e.target.tagName.toLowerCase() == 'object' || e.target.tagName.toLowerCase() == 'embed'){try{FlashFirebug_init();}catch(e){}}}, false);try{FlashFirebug_init();}catch(e){}},false);</script></head>
<body>
<link rel="stylesheet" type="text/css" href="http://mexmedia.colmex.mx/tezcatl/themes/default/css/nuevoscroll/scrollable-horizontal.css" />
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-buttons.css" />
<link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/scrollable-navigator.css" />
<?php
$vn_scrollingColHeight = 600;
$vn_numItemsPerCol = 3;
?>
<!-- wrapper for navigator elements -->
<div class="navi"></div>
<!-- "previous page" action -->
<a class="prev browse left"></a>
<!-- root element for scrollable -->
<div class="scrollable" id=browsable>
<!-- root element for the items -->
<div class="items">
<?php
$vn_recently_added_count = 0;
if(is_array($this->getVar("recently_added")) && sizeof($this->getVar("recently_added")) > 0){
$contador=1;
foreach($this->getVar("recently_added") as $vn_object_id => $vs_thumb){
if ($contador==1){ echo '<div>';}
print caNavLink
($this->request, $vs_thumb, '', 'Detail', 'Object', 'Show', array('object_id' => $vn_object_id));
if($contador==5){
echo '</div>';
$contador=1;
}
else {
$contador++;
}
$vn_recently_added_count++;
}
}
?>
</div>
</div>
<!-- "next page" action -->
<a class="next browse right"></a>
<br clear="all">
<!-- javascript coding -->
<script>
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(document).ready(function() {
// initialize scrollable together with the navigator plugin
$("#browsable").scrollable().navigator();
});
</script>
Si alguien quiere que le explique como arme el codigo php con gusto..... espero le sirva a alguien.
Saludos