Problems with a component integration into a template

youngarmy · 08.07.2005, 12:59

I have a problem with the forum integration into my mambo template, maybe someone here can give me a hand.

I have 3 different templates on my site but I integrated them all into one template (php if .. mode )

Problems:
1. On the forum site the forum width is not large enough, which makes the forum header look a little bit weird.

2. Secondly the main menu height is too big and the border on the left and the right has changed. (different from mainpage as it should be)

You can see these problems in action here : http://www.youngarmyonline.com/de/in...tion=com_forum

And here is the code of the template, look for if com_forum

I am really desperate and spent days an nights trying to solve this, it may be easy for a pro.

Code:

 <html> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Young Army Online.com</title>  
<link rel="stylesheet" type="text/css" href="http://www.youngarmyonline.com/de/templates/youngarmyonline_template/css/template_css.css" /> 
<style type="text/css"> 
<!-- 
.style1 {   color: #FFFFFF; 
   font-weight: bold; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
} 
body { 
   margin:10px; BACKGROUND-IMAGE: url(http://www.youngarmyonline.com/de/templates/youngarmyonline_template/images/back.gif); MARGIN: 10px; COLOR: #ffffff; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff; 
} 
.style4 {color: #ffffff} 
--> 
    </style> 
<body> 
<div align="center"> 
  <table width="742" height="513" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
      <td height="9" colspan="7" align="left" valign="bottom" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border3.gif" bgcolor="#000000"><img src="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/filler.gif" width="4" height="5"></td> 
      <td height="9" align="right" valign="bottom" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border3.gif" bgcolor="#000000"><img src="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/filler.gif" width="4" height="5"></td> 
    </tr> 
    <tr> 
      <td width="6" height="130" align="right" valign="top" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border.gif">&nbsp;</td> 
      <td colspan="6"><img src="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/skylinegut.gif" width="730" height="130" /></td> 
      <td width="6" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border2.gif">&nbsp;</td> 
    </tr> 
    <tr> 
      <th width="6" height="15" nowrap background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border.gif">&nbsp;</th> 
      <td width="80" height="15" nowrap bgcolor="#990000" class="lTD" id="td1" border="1"> 
        <div align="center"><A class="lA" href="http://www.youngarmyonline.com/de/index.php?option=com_frontpage&Itemid=1"><strong><font color="#FFFFFF">HOME</font></strong></A></div></td> 
      <td width="80" height="15" nowrap bgcolor="#990000" class="lTD" id="td2" border="1"> 
        <div align="center"><A class="lA" 
    href="http://www.youngarmyonline.com/de/index.php?option=com_content&task=category&sectionid=1&id=72&Itemid=2"><strong><font color="#FFFFFF">NEWS</font></strong></A></div></td> 
      <td width="80" height="15" nowrap bgcolor="#990000" class="lTD" id="td3" border="1"> 
        <div align="center"><A class="lA" 
      href="http://www.youngarmyonline.com/de/index.php?option=com_forum"><strong><font color="#FFFFFF">FORUM</font></strong></A></div></td> 
      <td width="80" height="15" nowrap bgcolor="#990000" class="lTD" id="td5" border="1"> 
        <div align="center"><A class="lA" href="http://www.youngarmyonline.com/de/index.php?option=com_docman&Itemid=52"><strong><font color="#FFFFFF">LYRICS</font></strong></A></div></td> 
      <td width="80" height="15" nowrap bgcolor="#990000" class="lTD" id="td7" border="1"> 
        <div align="center"><A class="lA" 
href="http://www.youngarmyonline.com/de/index.php?option=com_contact&Itemid=3"><strong><font color="#FFFFFF">KONTAKT</font></strong></A></div></td> 
      <form action='index.php' method='post'><td width="310" height="15" align=right valign="middle" nowrap bordercolor="#000000" bgcolor="#990000" > 
        <div align="right"> 
          <table width="310" height="15" border="0" cellpadding="0" cellspacing="0"> 
            <tr> 
              <td width="310" height="15" align="right"><input type='hidden' name='option' value='search' /><input type='text' name='searchword' class='inputbox' style='width:75;' /><input type='submit' name='submit' class='button' value='Suchen' style='width:50;' /><?php //mosLoadModules ( "user7" ); ?></td> 
            </tr> 
          </table> 
        </div></td></form> 
      <th width="6" height="15" nowrap background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border2.gif"></th> 
    </tr> 
    <tr> 
      <td width="6" height="309" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border.gif"></td><td height="309" colspan="6" bgcolor="#003366"> 
      <table width="730" height="100%" border="0" cellpadding="0" cellspacing="0" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/backgroundbluedark.gif"> 
        <tr> 
          <?php if($option234 == "com_forum"){ ?> 
          <td width="1" rowspan="3" valign="top" background='http://www.youngarmyonline.com/mambo/components/com_forum/templates/Charcoal2/images/bk-w.jpg'> 
            <?php } else { ?> 
          <td width="5" rowspan="3" valign="top"><span class="modules"> 
            </span> 
            <?php } ?> 
          </td> 
          <?php 
             
                 if($option234 == "com_forum"){ echo "<td width='100%' background='http://www.youngarmyonline.com/mambo/components/com_forum/templates/Charcoal2/images/bk-w.jpg'>"; } else { echo "<td width='100%'>"; } ?></td> 
        <td width="1" rowspan="3" valign="top" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/point.gif"><span class="modules"> 
          <img src="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/point.gif" width="1" height="100%" /><br> 
          </span></td> 
        <td width="7" rowspan="3" valign="top"></td> 
        <td width="147" rowspan="3" valign="top"><span class="modules"> 
         <?php if($option234 == "com_forum"){ } else { mosLoadModules ( "left" ); } ?> 
        
          <!-- Left --> 
          <?php mosLoadModules ( "right" ); ?> 
          <!-- Right --> 
          <br> 
          <br> 
          </span></td> 
        </tr> 
        <tr> 
          

<?php 
   if($option234 == "com_forum"){ 
    echo "<td width='100%' background='http://www.youngarmyonline.com/mambo/components/com_forum/templates/Charcoal2/images/bk-w.jpg' >"; 
   } else { 
      echo "<td width='100%' valign='top'>"; 
   } ?> 
          <?php  if($option234 == "com_frontpage" || $option234 == "") { ?> 
          <table width='100%'  border='0' cellspacing='2' cellpadding='2'> 
            <tr> 
              <td width="30%" valign="top"> 
                <?php mosLoadModules ( "user5" ); ?> 
              </td> 
              <td width="66%" valign="top"> 
                <?php mosLoadModules ( "user6" ); ?> 
                <?php mosMainBody(); ?> 
              </td> 
            </tr> 
          </table> 
          <?php  } else { 
    ?> 
          <table width="100%"> 
            <tr> 
              <td width='100%' align="center"> 
                <?php mosLoadModules ( "user6" ); ?> 
              </td> 
            </tr> 
            <tr> 
              <td width='100%' height='268'  background=''> 
                <?php mosMainBody(); 
            //if($option234 == "com_frontpage"){ ?> 
              </td> 
            </tr> 
          </table> 
          <?php //} 
        } ?></td> 
        </tr> 
      </table></td> 
      <td width="6" height="309" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border2.gif"></td> 
    </tr> 
    <tr> 
      <td width="6" height="15" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border.gif"></td> 
      <td height="15" colspan="6" bgcolor="#000000"> <div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>&copy; 
          Young Army - Alle Rechte vorbehalten</strong></font></div></td> 
      <td width="6" height="15" background="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/border2.gif"></td> 
    </tr> 
    <tr> 
      <td height="6" colspan="8"><img src="<?php echo $mosConfig_live_site; ?>/templates/youngarmyonline_template/images/filler.gif" width="100%" height="6"></td> 
    </tr> 
  </table> 
</div> 
</body> 
</html>

youngarmy · 11.07.2005, 11:35

Is there really nobody who can help

scox · 11.07.2005, 12:41

ok, fist of all: you can assign templates to menu-items since mambo 4.5.1
and you dont have to code a menu.... mambo can easily create a horizontal menu for you....

clean up your template with propper loadmodulepos functions and get rid of style definitions in your template... assign classes and but all these definitions into your css files....

after you have clead up everything and made better use of mambo functions (there is a var called option... you dont have to create one called option234.... (where did you define it anyway?)

i don't think that somebody wants to check your whole template....

also add something like:

Code:

table {
   border-spacing: 0px;
   border-collapse: collapse;
   empty-cells: show;
}
td, th {
   padding: 0px;
   margin: 0px;
}

to the top of your template_css.css file