Hi , here is new script:
<script type="text/javascript">
jQuery(document).ready(function(){
var COLUMNS = 5;
var gal = jQuery('#gallery');
if(gal[0]){
gal.find('.clear').remove();
var TABLE = jQuery("<table class='gal_table' cellpadding='0' cellspacing='0' ></table>");
var row = jQuery('<tr></tr>');
var n = 0;
while(gal.children('a').length != 0)
{
n++;
var chld = jQuery(gal.children('a')[0]);
chld.remove();
var cell = jQuery("<td></td>");
cell.append(chld);
row.append(cell);
if(n == COLUMNS)
{
n = 0;
TABLE.append(row);
row = jQuery('<tr></tr>');
}
}
if(row.children().length > 0){
TABLE.append(row);
}
gal.html('');
gal.append(TABLE);
}
});
</script>
put it after this block:
<!-- top menu -->
<script type="text/javascript">
function mainmenu(){
jQuery(" #nav ul ").css({display: "none"}); // Opera Fix
jQuery(" #nav li ").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(700);
},function(){jQuery(this).find('ul:first').css({visibility: "hidden"}); });}
jQuery(document).ready(function(){ mainmenu();});
</script>
You can control css in tebale using:
.gal_table
{
}
.gal_table tr
{
}
.gal_table td
{
}
