Editing (v7+)

Banner shifting?

Permalink December 06, 2011 at 1:05 PM

My site iswww.www.warden-securities.com/home/...
I added a nice banner to the top beside the menu.
When I am not logged in. It looks great but once logged in, and the top menu appears. The page shifts down but the banner will not.

I added the following code just within the <body> tag

in the header file
  <div style="position: absolute; width: 100%; height: 118px; z-index: 1; left: 10px; top: 5px" id="layer1" align="center">
   <table border="0" width="800" cellspacing="0" cellpadding="0">
      <tr>
         <td>
         <img border="0" src="http://www.warden-securities.com/Logo.png" width="340" height="90"></td>
      </tr>
   </table>
   </div>

Maybe not pretty but it works.
I assume I need to place the code elsewhere to have it move down?

Could someone help?

Thank you.

tallacman replied on Dec 6, 2011 at 1:12 pm Permalink Reply

Move your code beneath:

<div id="headerSpacer">
</div>

stonereptiles replied on Dec 6, 2011 at 2:02 pm Permalink Reply

Did not work?

<?php  defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<!-- Site Header Content //-->
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('minimalist_base.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('minimalist_styles.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
<?php  Loader::element('header_required'); ?>
</head>
<body>
<div id="page" class="<?php echo ($liquid)?'liquid':''?>">
   <div id="headerSpacer"></div>
  <div style="position: absolute; width: 100%; height: 118px; z-index: 1; left: 10px; top: 5px" id="layer1" align="center">

Viewing 15 lines of 58 lines. View entire code block.

 
<?php  defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
 
<!-- Site Header Content //-->
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('minimalist_base.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('minimalist_styles.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
 
<?php  Loader::element('header_required'); ?>
 
</head>
<body>
 
<div id="page" class="<?php echo ($liquid)?'liquid':''?>">
   <div id="headerSpacer"></div>
 
  <div style="position: absolute; width: 100%; height: 118px; z-index: 1; left: 10px; top: 5px" id="layer1" align="center">
   <table border="0" width="800" cellspacing="0" cellpadding="0">
      <tr>
         <td>
         <img border="0" src="http://www.warden-securities.com/Logo.png" width="340" height="90"></td>
      </tr>
   </table>
   </div>
   <div id="header">
 
      <?php  if ($c->isEditMode()) { ?>
      <div style="min-height: 80px">
      <?php  } ?>
 
      <div id="headerNav">
         <?php 
         $a = new Area('Header Nav');
         $a->display($c);
         ?>
      </div>
 
      <h1 id="logo"><!--
         --><a href=""></a><!--
      --></h1>
 
      <?php 
      // we use the "is edit mode" check because, in edit mode, the bottom of the area overlaps the item below it, because
      // we're using absolute positioning. So in edit mode we add a bit of space so everything looks nice.
      ?>
 
      <div class="spacer"></div>
 
      <?php  if ($c->isEditMode()) { ?>
      </div>
      <?php  } ?>
 
 
 
      <div id="header-area">
         <div class="divider"></div>
 
         <?php  /* 
         <div id="header-area-inside">
         <?php          
         $ah = new Area('Header');
         $ah->display($c);         
         ?>   
         </div>   
 
         <?php  if ($ah->getTotalBlocksInArea() > 0) { ?>
            <div class="divider"></div>
         <?php  } ?>
         */ ?> 
      </div>
 
   </div>

tallacman replied on Dec 6, 2011 at 1:12 pm Permalink Reply

Oh… and send me one of those guns! ;-0

stonereptiles replied on Dec 6, 2011 at 2:00 pm Permalink Reply

Haha well they cost a bit to much. but would love to :)

Thanks for the help

tallacman replied on Dec 6, 2011 at 3:21 pm Permalink Reply

you’ve got the logo inside a table. Any reason for that. Tables have their own rules and that might be causing trouble. I can't see your block in question anymore either.

stonereptiles replied on Dec 6, 2011 at 3:54 pm Permalink Reply

need to expand code block. i copied the whole page.

It's in a table to I can adjust off centre. as the whole page is centred I am unable to have the logo stay where it's supposed to be by scaling it from the right or left. as it would move depending on page width.
As far as I know you cant allign a div from centre?

tallacman replied on Dec 6, 2011 at 3:58 pm Permalink Reply

If you want to PM me an admin login I can have a look.

Forums

Editing (v7+)

Banner shifting?

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?