Perhaps someone can tell me how to add user 4 and user 5 below user 1. I'm a novice and need to learn how to do simple things like this.
User 1 resides inside the "mid" div and I would like user 4 and user each to take 49% with 1% margin between them.
CSS code snipet is:
| Code: |
#mid {
width: 450px;
margin-left: 6px;
float: left;
}
#mid2{
width:450px;
margin-left:6px;
float:left;
}
#user4 {
float: left;
height: 100%;
width: 49%;
}
#user5 {
float: left;
margin-left: 1%;
margin-right: 1%;
width: 49%;
}
|
The index.php code is:
| Code: |
<div id="left"><?php mosLoadModules ( 'left' , -3 ) ; ?></div>
<?php } if (mosCountModules ('user1') && mosCountModules ('right')){?>
<?php if (mosCountModules ('left')<=0){ ?>
<div id="mid" style="width:510px;"><?php mosLoadModules ( 'user1', -3 ); ?></div>
<?php } else { ?>
<div id="mid"><?php mosLoadModules ( 'user1', -3 ); ?></div>
<?php } ?>
<?php if (mosCountModules ('left')<=0){ ?>
<div id="right" style="width:448px;">
<?php } else { ?>
<div id="right2">
<div id="right1"><?php mosLoadModules ( 'user6', -3 ); ?></div>
<div id="user6"><?php mosLoadModules ( 'right' ); ?></div>
<div id="right3"><?php mosLoadModules ( 'advert1' ); ?></div>
<?php } ?>
</div>
<?php } else if (!mosCountModules ('user1') && mosCountModules ('right') && mosCountModules ('advert1')){
?>
<?php if (mosCountModules ('left')<=0){ ?>
<div id="mid2" style="width:510px;"><?php mosMainBody(); ?></div>
<?php } else { ?>
<div id="mid2" style="width:450px;"><?php mosMainBody(); ?></div>
<?php } ?>
<?php if (mosCountModules ('left')<=0){ ?>
<div id="right" style="width:448px;">
<?php } else { ?>
<div id="right">
<?php } ?>
<div id="right1"><?php mosLoadModules ( 'user6', -3 ); ?></div>
<div id="right2">
<div id="user6"><?php mosLoadModules ( 'right' ); ?></div>
<div id="right3"><?php mosLoadModules ( 'advert1' ); ?></div>
</div>
</div>
<?php } else if (!mosCountModules ('user1') && !mosCountModules ('right')){
?>
<?php if (mosCountModules ('left')<=0){ ?>
<div id="mid2" style="width:960px;"><?php mosMainBody(); ?></div>
<?php } else { ?>
<div id="mid2" style="width:808px;"><?php mosMainBody(); ?></div>
<?php } ?>
<?php }
}
?>
</div>
<div id="bottom">
<div id="user8"><?php mosLoadModules ( 'user8' ); ?></div>
<div id="user9"><?php mosLoadModules ( 'user9' ); ?></div>
<div id="user10"><?php mosLoadModules ( 'user10' ); ?></div>
<div id="user11"><?php mosLoadModules ( 'user11' ); ?></div>
</div>
<div id="footer">
|
