Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Sep 2004
    Location
    California
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts

    border around the whole page

    hi guys i need some help with the border surround my page. i can't seem to make it work so i attach an imamge here. i want the border to appear from the top banner to the footer.
    here is the firefox version:
    Last edited by truviet911; 01-25-2007 at 09:32 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,729
    Thanks
    6
    Thanked 1,016 Times in 989 Posts
    An image is not what we need. We can imagine how a border from top to bottom is supposed to look like. What we actually need is your code. And we need the entire code, not just a snippet (and make sure you use the small '#' button in the reply window).
    Even better would be a link to the page in question. Maybe you could upload it somewhere?

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Try this in your code:
    <div id="wrap">
    all your site
    </div>

    and this in your CSS:

    #wrap {
    width: 100%;
    border: thin solid #000000;
    }

    and VIPStephan is right about the your supplying the link or the code, that way we're not just guessing.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #4
    New Coder
    Join Date
    Sep 2004
    Location
    California
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, exavator
    i test it and it didn't work anyways here is the codes:
    PHP Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <?php mosShowHead(); ?>
    <?php
    if ( $my->id ) {
        
    initEditor();
    }
    ?>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="<?php echo $mosConfig_live_site;?>/templates/mbt_canopus/css/template_css.css" rel="stylesheet" type="text/css"/>
    <link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/templates/mbt_canopus/images/favicon.ico"/>
    <script>
    function Valid(){
                    frm = document.forms['formSearch'];
                    if(frm.searchword.value == '' || frm.searchword.value == 'Search ...'){
                        alert('Please input search condition.');
                        return false;
                    }
                    return true;
                }
                
                function submitForm(){
                    if (Valid())
                        document.forms['formSearch'].submit();
                }
    </script>
    <script type="text/javascript">
    <!--//--><![CDATA[//><!--

    sfHover = function() {
        var sfEls = document.getElementById("tab").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
            sfEls[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

    //--><!]]>
    </script>
    <?php require("mysplitcssmenu.php"); ?>
    <?php
                    
    global $my;
                    
    $query "SELECT name FROM #__users WHERE id = "$my->id;
                    
    $database->setQuery$query );
                    
    $name $database->loadResult();
                    if ( !
    $name ) {
                        
    $name $my->username;
                        
                    }
                    if ( !
    $name ) {
                        
    $name "Guest";
                    }
                    
    ?>
    </head>
    <div align="center" border="1" bordercolor="#9933FF" id="wrap">>
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table id="wrapper_tbl" border="0" cellpadding="0" cellspacing="0" width="800px" >
        <tr>
            <td>
                <table id="header_tbl" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="logo_l_bg">
                        <img src="<?php echo $mosConfig_live_site;?>/templates/mbt_canopus/images/logo.gif" width="261px" height=47px">
                            </td>
                        <td id="logo_r_bg" width="100%">
                        <div id="site_title"><?php echo $mosConfig_sitename?></div>
                                </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table id="tabnavi_tbl" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="date_bg" align="center" valign="bottom" width="190px">
                        <img src="<?php echo $mosConfig_live_site;?>/templates/mbt_canopus/images/spacer.png" width="190px" height="1px">
                        <div id="date"><?php echo mosCurrentDate(); ?> </div>
                        </td>
                        <td id="topnav_bg" width="100%" align="center" valign="bottom">
                            <div id="tab">
                                <?php echo $mycssPSPLITmenu_content?>
                            </div>
                      </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td>
                <table id="subtab_tbl" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="search_bg">
                        <?php mosLoadModules "user4", -); ?>
                        </td>
                        <td id="search_btn"><img src="<?php echo $mosConfig_live_site;?>/templates/mbt_canopus/images/search_btn.png" width="29" height="27">
                        </td>
                        <td id="subtab_bg" width="100%" align="center" height="1px;">
                        <div id="tabsub"><?php echo $mycssSSPLITmenu_content?></div>
                        <span style="float:right; width:160px; height:18px; padding:0px 0px 2px 0px; text-align:center;  line-height:8px;">Welcome! <?php echo $name?></span>
                        </td>
                    </tr>
                </table></td>
        </tr>
        <tr>
            <td valign="top">
                <table id="content_tbl" width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr><?php if (mosCountModules"left" )) { ?>
                        <td id="leftside_bg" valign="top">
                                                    <?php if (mosCountModules"top" )) { ?>
                                                            <div class="colorbox">
                                                             <div id="top" class="roundblock">
                                                             <?php mosLoadModules "top", -); ?>
                                                             </div>
                                                           </div>
                                                    <?php ?>
                                    <div class="leftbox">
                                        <div id="leftmenu" class="leftblock">
                                        <?php mosLoadModules "left", -); ?>
                                        </div>
                                    </div>
                                </td>
                        <?php ?>
                        <td id="center_bg" width="100%" valign="top">
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                            <!-- Pathway -->
                              <tr>
                                <td colspan="2" id="pathway_bg" valign="top">
                                    <?php mosPathWay(); ?>
                                </td>
                              </tr>
                            <!-- End Pathway -->
                            <!-- User1 + User2 -->
                              <tr>
                                <td valign="top">
                                <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                    <?php if (mosCountModules"user1" )) { ?>
                                    <td width="<?php echo $colwidth?>%"  valign="top">
                                    <div class="colorbox">
                                        <div id="user" class="roundblock">
                                        <?php mosLoadModules "user1", -); ?>
                                        </div>
                                        </div>
                                    </td>
                                     <?php ?>
                                    <?php if (mosCountModules"user2" )) { ?>
                                    <td width="<?php echo $colwidth?>%"  valign="top">
                                    <div class="colorbox">
                                        <div id="user" class="roundblock">
                                        <?php mosLoadModules "user2", -); ?>
                                        </div>
                                        </div>
                                    </td>
                                     <?php ?>
                                </tr>
                                </table>
                                </td>
                            
                              </tr>
                            <!-- End User1 + User2 -->
                            
                            <!-- Main content -->
                              <tr>
                                  <td valign="top" style="padding:0px 5px 5px 4px" >
                                                              <?php mosMainBody(); ?>
                                                            <?php if (mosCountModules"left" )<=|| mosCountModules"right" )<=0) {  ?>
                                                               <?php if (mosCountModules"banner" )) { ?>
                                                             <center>
                                                            <div id="banner">
                                                             <?php mosLoadModules "banner"); ?>
                                                             </div>
                                                             </center>
                                                            <?php ?>
                                                            <?php ?>
                                  
                                  </td>
                              </tr>
                            <!-- End Main content -->
                            </table>
                        </td>
                        <?php if (mosCountModules"right" )) { ?>
                        <td id="rightside_bg" valign="top">
                                    <div class="rightbox">
                                      <div id="rightmenu" class="rightblock">
                                        <?php mosLoadModules "right", -); ?>
                                        </div>
                                    </div>
                        </td>
                        <?php ?>
                    </tr>
                </table></td>
        </tr>
        <tr>
            <td>
            <?php if (mosCountModules"left" )>&& mosCountModules"right" )>0) {  ?>
            <?php if (mosCountModules"banner" )) { ?>
            <table id="foot_tbl" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="banner" width="100%" align="center" valign="middle">
                        <?php mosLoadModules "banner"); ?>
                        </td>
                    </tr>
            </table>
            <?php ?>
            <?php ?>    
                <table id="foot_tbl" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td id="footer_bg" width="100%" align="center" valign="middle">
                        
                        </td>
                    </tr>
                </table></td>
        </tr>
    </table>
      <span class="imgs_preload1">&nbsp;</span> <span class="imgs_preload2">&nbsp;</span> <span class="imgs_preload3">&nbsp;</span>

    </body>
        </div>
    </html>

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    need the css too.

    Just by looking at your html I can see a few reasons it didn't work -
    Code:
                   } 
                    ?> 
    </head> 
    <div id="wrap"> /*change to read like this*/
    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
    
    .....
    
        </tr> 
    </table> 
      <span class="imgs_preload1">&nbsp;</span> <span class="imgs_preload2">&nbsp;</span> <span class="imgs_preload3">&nbsp;</span> 
    </div>/*moved to be enclosed by body tags*/
    </body> 
         
    </html>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •