Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-25-2007, 09:29 PM   PM User | #1
truviet911
New Coder

 
Join Date: Sep 2004
Location: California
Posts: 69
Thanks: 0
Thanked 0 Times in 0 Posts
truviet911 is an unknown quantity at this point
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..
truviet911 is offline   Reply With Quote
Old 01-25-2007, 09:36 PM   PM User | #2
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,614
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
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?
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Old 01-25-2007, 10:00 PM   PM User | #3
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
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
Excavator is offline   Reply With Quote
Old 01-26-2007, 05:52 AM   PM User | #4
truviet911
New Coder

 
Join Date: Sep 2004
Location: California
Posts: 69
Thanks: 0
Thanked 0 Times in 0 Posts
truviet911 is an unknown quantity at this point
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>
truviet911 is offline   Reply With Quote
Old 01-26-2007, 07:25 AM   PM User | #5
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
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
Excavator is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:18 PM.


Advertisement
Log in to turn off these ads.