Very critical page layout issues

I am using Zen Cart 1.3.8a I made lots of changes on my home with the help and guidance of this forum. Now again I stuck on few things

1. I want to remove Links
EZPages :: Privacy Notice :: Shared :: Zen Cart From TOP
and
:: My Account :: Site Map :: Privacy Notice :: Shared :: Action DVDs From Bottom

2. I want to shift the header at top. On top there should not be any black space

3. I want to put
Username with textbox
Password with textbox
beside the company logo (right aligned)
**
I have my own CSS which I used in my actual layout how I can use my CSS settings in Zen cart's home page**

Please refer the image attached... Can any body give me

Regards and thanx

Hi There,

Is the site on a server at the moment or local?

If it's on a server post the URL.

Thanks
Matt

Thanx for considering my problem, but unfortunately I am not uploaded site on my server till now I am learning on localhost.

Can my problem have any solution, please help me. Here is my own css, Which I am using for my design... How can I use my tags in Zen Cart

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #D1E9A3;
	background-repeat: repeat-x;
	background-color: #000000;
	background-image: url(images/img01.gif);
}
#main{
	height: auto;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#cantaner{
	height: auto;
	width: 963px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}



/* Header */

#header {
	width: 980px;
	height: 140px;
	margin: 0 auto;
	background: #D1E9A3 url(images/img02.gif) repeat-x;
}
#logoarea{
	height: 100px;
	width: 970px;
}
#logo {
	float: left;
	height: 95px;
	color: #36393D;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(images/oemXterra.gif);
	background-repeat: no-repeat;
	width: 300px;
	margin-left: 20px;
	margin-top: 0px;
}

#logo h1 {
	padding: 20px 0 0 0;
	background-image: url(images/oemXterra.gif);
}

#login{
	float: left;
	height: 70px;
	width: 250px;
	font-family: Arial;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	margin-top: 10px;
	margin-left: 365px;
}
#logo a {
	text-decoration: none;
	color: #36393D;
}
#tag {
	height: 35px;
	width: 200px;
	margin-top: 65px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin-left: 40px;
	margin-right: 60px;
}



#search{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #91a763;
	height: 23px;
	width: 959px;
}

.Search{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-left: 8px;
}


#menu {
	clear: both;
	height: 40px;
	background-image: url(images/img09.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#menu ul {
	height: 28px;
	padding: 12px 0 0 20px;
	background: url(images/img08.gif) no-repeat left bottom;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 20px;
	background: url(images/img06.gif) no-repeat left center;
	text-decoration: none;
	font-weight: bold;
	color: #36393D;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .current_page_item a {
	background: url(images/img07.gif) no-repeat left center;
	color: #B42600;
}
#helpbox{
	height: auto;
	border: 1px solid #DAEDB5;
	margin-left: 5px;
	width: 650px;
	background-color: #f7fdea;
}
#help{
	height: auto;
	width: 600px;
	border-top-color: #DAEDB5;
	border-right-color: #DAEDB5;
	border-bottom-color: #DAEDB5;
	border-left-color: #DAEDB5;
	padding-left: 30px;
}

#imagetextbox{
	height: 110px;
	width: 250px;
	border: 1px solid #D4EAAA;
	margin-top: 5px;
	margin-left: 3px;
}
#showimage{
	width: 240px;
	text-align: center;
	margin-left: 4px;
	height: 80px;
}
/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background-color: #FFFFFF;
}

.headingtext{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.headingtext a{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.headingtext a:hover{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
}

/* Footer */

#footer{
	height: 71px;
	width: 980px;
	background-image: url(images/footer.gif);
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	background-repeat: repeat-x;
}
#footerarea{
	float: left;
	height: 30px;
	width: 560px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 225px;
}
.footertext{
	font-size: 11px;
	font-weight:normal;
	font-family: Arial;
	color: #333333;
}

.footertext a{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-bottom: 5px;
	padding-left: 5px;
}

.footertext a:hover{
	text-decoration: underline;
}


#notice{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-image: url(images/notic.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 240px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
}


#formbox{
	height: auto;
	border: 1px solid #DAEDB5;
	margin-left: 5px;
	width: 600px;
}
#formbox2{
	height: auto;
	border: 3px solid #c6d6a8;
	margin-left: 10px;
	width: 915px;
	background-color: #f7fdea;
}


#loginmid{
	background-image: url(images/mid_05.gif);
	background-repeat: repeat-x;
	height: 152px;
	width: 290px;
}
.logintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 6px;
}
.loginnormaltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 10px;
	color: #000000;
	text-decoration: none;
}
.loginnormaltext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 10px;
	color: #000000;
	text-decoration: none;
}
.loginnormaltext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 10px;
	text-decoration: underline;
	color: #000000;
}
.formtext{
	font-family: Arial, Helvetica, sans-serif;
	color: #394423;
	font-size: 12px;
	font-weight: 400;
	padding-top: 3px;
	padding-left: 5px;
}
.formheadtext{
	font-family: Arial, Helvetica, sans-serif;
	color: #394423;
	font-size: 16px;
	font-weight: 800;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 12px;
}
.star{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 16px;
	font-weight: 800;
}
.username{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 14px;
	font-weight: 800;
}
.tr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6EBAE;
	padding-bottom: 5px;
	padding-top: 5px;
}
#box{
	height: 150px;
	width: 300px;
	border: 1px solid #c6d6a8;
	margin-left: 10px;
}
.normaltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-decoration: none;
	padding-right: 2px;
	text-align: justify;
}
.normaltext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-decoration: none;
}
.normaltext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-decoration: underline;
}
#box2{
	height: auto;
	width: 900px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#box2 .tdcolour{
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	background-color: #DBEDB7;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
	height: auto;
	width: auto;
	font-weight: bold;
}
#box2 .td{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
	background-color: #FFFFFF;
}
#box3{
	height: 150px;
	width: 400px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
}
#box4{
	height: auto;
	width: 580px;
	margin-left: 10px;
	padding-left: 30px;
	padding-right: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
}

#box5{
	height: auto;
	width: 610px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#box5 .tdcolour{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	background-color: #DAEDB4;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
}
#box5 .td{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
	background-color: #FFFFFF;
}

#box7{
	height: auto;
	width: 890px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#box7 .tdcolour{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	background-color: #DAEDB4;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
}
#box7 .td{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
	background-color: #FFFFFF;
}


#box6{
	background-color: #f7fdea;
	border: 1px solid #c6d6a8;
}

.parttext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #059CFC;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.row{
	border-right-color: #c6d6a8;
	border-bottom-color: #c6d6a8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}

#box8{
	height: auto;
	width: 936px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #c6d6a8;
	border-right-color: #c6d6a8;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 13px;
}
#box8 .tdcolour{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	background-color: #DAEDB4;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
}
#box8 .td{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #c6d6a8;
	border-left-color: #c6d6a8;
	background-color: #FFFFFF;
}
.price{
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.pricecolor{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3399FF;
	background-color: #FFFFFF;
	padding-left: 4px;
}

.price2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	text-decoration: none;
}
.smalltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	padding-left: 18px;
}
.smalllinktext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 5px;
}
.smalllinktext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	padding-bottom: 5px;
}
.smalllinktext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
	padding-bottom: 5px;
}
.bule{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #0033CC;
	text-decoration: none;
}
.bule a{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #0033CC;
	text-decoration: none;
}
.bule a:hover{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #0033CC;
	text-decoration: none;
}
.linkpath{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}
.linkpath a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: none;
}
.linkpath a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-decoration: underline;
}

Thank you again with Regards

Hi there,

yeah of course.

You need to go into your /includes/your_template/common/tpl_header.php and find -

<div id="navMain">
    <ul class="back">
    <li><?php //echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php //echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>

This contains your login box. simply cut and paste it into your

and then apply float:right;

in your css

That should do the trick. Regarding the space at the top I would suggest if you don't have it already get the 'Fire Fox' developers add-on (firebug) you can then edit your CSS live on the server and with a little play of the margins and padding you should be able to get rid of the space.

Let me know how you get on.

Thanks
Matt

Oh sorry I forgot for your EZpages header links go to -

ADMIN > CONFIGURATION >EZ-PAGES SETTINGS > EZ PAGES DISPLAY STATUS and set it to 0.

That will remove the links.

Matt:D

Hi Matt

I tried as per your instructions please see the changed code
C:\xampplite\htdocs\oemxtrade\includes\templates\template_default\common\tpl_header.php
Red colored code is for my Logo which is on my page.

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . 

zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, 

HEADER_ALT_TEXT) . '</a>'; ?>

<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; 

?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
</div>

Nothing happen Matt...:(

Please do something

Right ok - try changing the code starting NAVMAIN to

<div id="loginBox">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; 

?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul></div> 

and then add this to your style sheet

#loginBox{
float:right;
}

Does that add the box into the header? do that and post a new screen shot.

Thanks
Matt

Yes Matt Something happened but not actually what we trying for...

I got 2 dots (hopefully came by <li> tag) and login box and password box is at same position please see the current layout after inserting your code.

Thank you

OK can you post the code from your tpl_header.php file?

I will take a look.

Thanks
Matt

Please see the code from tpl_header.php file

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->

<!--bof-branding display-->

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, 

$current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

[B]<div id="loginBox">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php
      } else {
        if (STORE_STATUS == '0') {
    ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?>

    <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; 

    ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
    <?php }?>
    </ul>
</div>[/B]

<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->

<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>

<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>
```

ok try replacing with this

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">
<!--bof-navigation display-->
<!--eof-navigation display-->

<!--bof-branding display-->

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, 

$current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

[b]<div id="loginBox">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php
      } else {
        if (STORE_STATUS == '0') {
    ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?>

    <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; 

    ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
    <?php }?>
    </ul>
</div>[/b]

<!--eof-branding display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->

<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>

<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?> 

then add the following to your style sheet -

#loginBox {
float:right;
height:50px;
width:200px;
}

.back {
list-style:none;
}

see if that helps, you may need to restyle your login box. From the screen shot it looks like your current login box is sitting outside the header container?

Send over another screenshot if it doesn't work

Thanks
Matt

Not Working
Image 1 My original Layout
Image 2 What We got by changing tpl_header.php

I saw your website Its Great... graphiccontent.co.uk/

The first image is what you already had? or is this just a photoshop mock up?

Without being able to see the site online it is very difficult as you have changed the names of certain divs from the originals.

basically if you want the login details to appear on the top right you need to just grab the relevant piece of php and place it in a new div inside that container.

If you can upload what you have already I will be able to help.

Thanks for the comment about the site, I just need to get around to displaying my portfolio on there.

Here is one of my recent zens
https://www.tshirtplace.co.uk

Let me know if you can get the site online.

Thanks
Matt

p.s. did you download Firebug? it will solve most of your problems.

Yes Matt

I can upload the site online I already install Zen Cart on my server hostmoster.com

But I will be not able to upload today because I have to go for dinner. If you don't mind then can you visit tomorrow. 1st image is Photoshop mock.

I downloaded Firebug and installed.

Regards
Vishal Deb

You want the login box (the actual input fields) at the top of the #logoWrapper div so it can float right and rise to the top. Replace the comment

with the actual login code.
You want the #navMainWrapper div completely below #logoWrapper.

The .back class is used all over the place, so you don't want to globally alter it. If you want to alter it in a particular element where you are editing code anyway, just change the class reference; otherwise, specify where you want to affect it like
#navMain .back {list-style: none;}

<?php
/**
 * Common Template - tpl_header.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_header = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
 */
?>

<?php
  // Display all header alerts via messageStack:
  if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
  }
  if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
  echo htmlspecialchars(urldecode($_GET['error_message']));
  }
  if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
   echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">

<!--bof-branding display-->
<div id="logoWrapper">

<div id="loginBox">
<!-- here is the place to call the login code -->
</div>

    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, 

$current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
</div>
<!--eof-branding display-->

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<?php } } ?>

<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php }?>
</ul>
</div>
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->

<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>

<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?> 

Hi GJH

I can't get you. Should I replace the whole PHP code to tpl_header file. And what this line means
Replace the comment

with the actual login code.

Thank you for consideration

Well GJH
I inserted the login code which as follow where you told me to insert <!-- here is the place to call the login code -->
Am I right, please guide me

<div id="loginBox">
    <ul class="back">
    <li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
    <?php if ($_SESSION['customer_id']) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php
      } else {
        if (STORE_STATUS == '0') {
    ?>
    <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?>

    <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; 

    ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
    <?php }?>
    </ul>
</div>
```

That is not the login code; it is the entire navigation code. The only part of it that relates to login is

<a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>

and this is only a link that goes to the login page, it is not code for the username and password input fields.

The tpl_header.php that you posted does not contain the code to make the input fields, and I'm not sure where they are coming from in your page code.

Ok
I made these changes in
C:/xampplite/htdocs/oemxtrade/includes/languages/english/html_includes/classic/define_main_page.php

Which is giving this output.

Please see the code of C:/xampplite/htdocs/oemxtrade/includes/languages/english/html_includes/classic/define_main_page.php

<div id="main">
<div id="header">

<div id="logoarea">
<div id="logo"></div>
<div id="login">
  <div style="float: left; color: rgb(54, 57, 61); padding-top: 0pt; padding-bottom: 0pt; padding-left: 0px; width: 210px; text-align: right; line-height: 2px;">
  Username 
    <input type="text" name="textfield" id="textfield" />

  Password  
    <input type="text" name="textfield2" id="textfield2" /></div>
	<div style="margin-left: 213px; margin-top: 20px;">
    <img height="22" width="22" src="images/bu.jpg" /></div> 
	
	</div>

</div>
<div id="menu">
		<ul>
			<li class="current_page_item"><a href="index.html">Home</a></li>
			<li><a href="#">About Us </a></li>
			<li><a href="oem_login.html">Login</a></li><li><a href="#">Partners</a></li>

			<li><a href="#">Community</a></li>
			<li><a href="#">Contact Us </a></li>
		</ul>
		<div></div>
  </div>
</div>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tbody><tr>


    <td><div align="center"><img height="250" width="960" src="includes/templates/classic/images/oemheader.jpg" /></div></td>

  </tr>
</tbody></table>

<div id="cantaner">
  <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tbody><tr>
      <td width="69%" valign="top" align="left" class="normaltext"><table width="100%" cellspacing="0" cellpadding="0" border="0">
        <tbody><tr>
          <td> </td>
        </tr>

      </tbody></table>
        <p><strong>All it needs is Simple Inventory Management !</strong></p>
        <p><br />
          www.oemXtrade.com is the answer to convert excess inventory into cash. Welcome to OemXtrade a global clearing house for OEM excess Electronic Components. Integrity, value and innovation are the forces that drive our success. We are the choice for trusted OEM sources. </p>
        <p><br />
          OemXtrade is defining the way Excess Inventory is managed in today's smart global marketplace. Learn how to save the environment and increase your bottom line with our simple solution.</p>
        <p><br />

          Pro-active companies will achieve significant results by managing excess inventory before it becomes worthless. OemXtrade provides an avenue for use of excess inventory. Using our website your SCM will be armed with the tools to make smart and profitable business decisions.</p>
        <p><br />
          It's easy to get started, and we provide a secure, low risk, platform to deliver increased ROI on inventory you already own. Small gains in ROI can deliver a signficant increase to your company's bottom line. There are several ways to engage and benefit from our solutions. And it helps save and manage our global resources too.</p>
        <p><br />
        <br />
          </p>
        </td>
      <td width="31%" valign="top" align="left"><div id="notice"><div style="padding-left: 20px; padding-top: 10px; font-size: 14px; font-family: Arial; font-weight: 800; color: rgb(51, 51, 51);">Register For <font color="#ff0000">Free </font>Today</div>

	  <div style="margin-top: 10px; padding-top: 10px; padding-left: 20px; padding-right: 10px;">
	    <p>Search our database of over 10</p>
	    <p>million part</p>
	    <p> </p>
	    <p>View Part from hundreds of distributor</p>
	    <p>with just one click</p>
	    </div>

	   <div style="margin-top: 3px; padding-top: 10px; padding-left: 20px; padding-right: 10px;"><a href="login.html"><img height="24" width="105" border="0" src="images/home-pad-btn-reg.gif" /></a></div>
      </div>
	    <div style="margin-left: 30px; margin-right: 30px; margin-top: 10px; background-color: rgb(255, 255, 204); padding: 10px; text-align: justify;">www.oemXtrade.com is the answer to convert excess inventory into cash. </div></td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>

  </tbody></table>
 
  </div>
<div id="footer"><div id="footerarea" class="footertext">
	    <p><a href="#">Home</a>  | 
	      <a href="#">About Us </a> |
	      <a href="#">Sellers</a> |
	      <a href="#">Buyers</a> |
	      <a href="#">OemXtrade</a> |		 
	      <a href="#">Partners</a> |
        <a href="#">Community</a> |	
		 <a href="#">Community</a> |	Contact Us     </p>

	    <p>       
		        
		       Copyright © 2009-2010 <strong>OEMXTRADE</strong>.
	      All Rights Reserved. Privacy Policy </p>
</div></div>
</div>

I hope this will give us turn in our way to find solution

Do you want that login box only on the home page? That is the only place define_main_page.php operates, and it is not meant to display the header (unless you disable the standard header and have a different one just for the home page).

If you want the header to have the login box or logo on all pages, put the code in tpl_header.php.