How to make the module position like this ? - Joomla! Forum - community, help and support

h\hi guys,

i  come other issue of how make module position module located  right above mainbody, , plan add 2 module position in 1 line not in 2 row, example module position named user10 , user2,

original template use has user2 located above right module, , want guys how can make  of user2 has same width of module position of user10 have created ?

for more understand mean, pls looked attached pictures

and here original code of template

defined( '_valid_mos' ) or die( 'restricted access' );
$iso = split( '=', _iso );
/*echo "";*/

# template configurations ##########
# change width of template
$width = "1"; // 1: 800x600; 0: 1024x768
# enable users option - enable if $width set 1
$tool = "1"; // 1: enable; 0: disable
# choose prefer menu type
$ja_menutype = "3"; // 1: split menu; 2: son of sukerfish dropdown menu; 3: transmenu;
# end: template configurations ##########

if ($ja_menutype == 1) {
require($mosconfig_absolute_path."/templates/ja_regulus_ex/ja_submenu.php");
$topnav = ja_topnav('mainmenu', array('default'));
$subnav = ja_subnav('mainmenu');
} else {
$topnav = "";
$subnav = "";
}

# auto collapse divs functions ##########
$ja_right = moscountmodules( 'right' ) || moscountmodules( 'user2' );
$ja_left = moscountmodules( 'left' ) || ($subnav) || moscountmodules( 'user1' );

if ( $ja_left && $ja_right ) {
$divid = 'content';
} elseif ( $ja_left ) {
$divid = 'content-full-right';
} elseif ( $ja_right ) {
$divid = 'content-full-left';
} else {
$divid = 'content-full';
}

# define template path ##########
$ja_template_path = $mosconfig_live_site.'/templates/ja_regulus_ex';

?>



















if ($width) { ?>
/css/wide_layout.css" rel="stylesheet" type="text/css"/>
if ( $my->id ) { initeditor(); } ?>

skip content

 

switch ($ja_menutype) {
case 1: echo $topnav;
break;
case 2:
include("ja_cssmenu.php");
break;
case 3: include("ja_transmenu.php");
break;
}
?>

 

• «

$num_of_clickers = 0;
if ( moscountmodules('user5') ) $num_of_clickers++;
if ( moscountmodules('user6') ) $num_of_clickers++;
if ( moscountmodules('user7') ) $num_of_clickers++;
if ( moscountmodules('user8') ) $num_of_clickers++;
if ( moscountmodules('user9') ) $num_of_clickers++;
for ($i=1;$i<=$num_of_clickers;++$i) {
?>
• ">
}
?>

• »


• pause

if ( moscountmodules('top') ) {
mosloadmodules ( 'top',-2 );
} else { ?>

there's no newsflash available.

?>

 
 

 
 
 

you here:    

echo
mosloadmodules ( 'user1',-2 );
mosloadmodules ( 'left',-2 );
?>

   

       
   

   

mosloadmodules ( 'right',-2 ); ?>

if(file_exists($mosconfig_absolute_path."/components/com_joomlastats/joomlastats.inc.php"))
{
require_once($mosconfig_absolute_path."/components/com_joomlastats/joomlastats.inc.php");
}
?>

it important think of layout in terms of boxes , containers.  boxes arranged vertically column , boxes horizontally row.  easy understand tables little harder divs.  thing template nicely commented aid in understanding doing.

before looking @ code, can see picture area below "path" 3 columns.  , sure enough when @ code there 3 div containers id's of "ja-leftcol", "ja-", , "ja-rightcol".  left column contains "user1" , "left", center contains "user10" , "main", , right contains "user2" , "right".  missing piece of why columns there css left column width specified fixed pixel value, , right.  guess center column fixed width or have no width.

instead of containment hierarchy of:

  left-column
    user1
    left
  center-column
    user10
    main
  right-column
    user2
    right

you want:

  left-column
    user1
    left
  main-and-right-container
    top-row
      user10 (width 50%)
      user2 (width 50%)
    bottom-row
      main
      right-column
        right