...

View Full Version : border around the whole page



truviet911
01-25-2007, 10:29 PM
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. http://www.tuanpham.net/image.JPG
here is the firefox version:
http://www.tuanpham.net/firefox.JPG

VIPStephan
01-25-2007, 10:36 PM
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?

Excavator
01-25-2007, 11:00 PM
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.

truviet911
01-26-2007, 06:52 AM
Hi, exavator
i test it and it didn't work anyways here is the codes:


<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", -1 ); ?>
</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", -3 ); ?>
</div>
</div>
<?php } ?>
<div class="leftbox">
<div id="leftmenu" class="leftblock">
<?php mosLoadModules ( "left", -3 ); ?>
</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", -3 ); ?>
</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", -3 ); ?>
</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" )<=0 || 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", -3 ); ?>
</div>
</div>
</td>
<?php } ?>
</tr>
</table></td>
</tr>
<tr>
<td>
<?php if (mosCountModules( "left" )>0 && 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>

Excavator
01-26-2007, 08:25 AM
need the css too.

Just by looking at your html I can see a few reasons it didn't work -
}
?>
</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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum