Move ezpages

[TheGuest]

Hello,

Does anybody know how to move ezpages to LOG IN header so they are not separate from the header menu?

THanks,
TheGuest

[mprough]

Hello,

Does anybody know how to move ezpages to LOG IN header so they are not separate from the header menu?

THanks,
TheGuest

This is a pretty template specific task... we would need a link to try to help.

~Melanie

[TheGuest]

Hi Melanie,

Thanks for getting back. Here is CSS (I assume a lot depends on it in this case). I'll PM you the link to the site. I appreciate your hlep.

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 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: stylesheet_new.css 2.0 2006-10-29 jettrue $
 */

* {
	margin:0;
	padding:0;
	}

body {
	margin: 0 auto;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 78.5%;
	color: #333;
	background:#FFFFFF;
	}

a img {
	border: none; 
	}

a:link, #navEZPagesTOC ul li a {
	color: #933;
	text-decoration: none;
	}

a {
	color:#028ED9;
	}
 
a:visited {
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #333;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.4em;
	color: #028ed9;
	}
	
h2 {
	font-size: 1.3em;
	color: #028ed9;
	}
	
h3 {
	font-size: 1.5em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.1em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
	}

CODE {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}
	
FORM, SELECT, INPUT {
	font-size: .9em;
	margin: 0.2em;
	padding: 0.1em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	text-align:left;
	}
	
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}
	
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
	
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	font-size: 1em;
	width: 10em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

P, ADDRESS {
	padding: 0.5em;
	}
	
ADDRESS {
	font-style: normal;
	}
	
.clearBoth {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	}
	
HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}
	
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}
	
.messageStackWarning, .messageStackError {
	background-color: #933;
	color: #ffffff;
	}
	
.messageStackSuccess {
	background-color: #CBD7AD;
	color: #000000;
	}
	
.messageStackCaution {
	background-color: #FAFAA6;
	color: #000000;
	}
	
/*wrappers - page or section containers*/
div#mainWrapper {
	margin-top:25px;
	text-align: left;
	width: 750px;
	vertical-align: top;
	background:#fff;
	border:5px solid #C1EAFF;
	}

#headerWrapper,   #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {}
	
#logoWrapper {
	background: url(../images/shadow.gif) repeat-x bottom;
	height:105px;
	width:750px;
	}
	
#contentMainWrapper {
	padding:0 .5em;
	}
	
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}
	
#logo {
	width:404px;
	float:left;
	}
	












#tagline {
	float:right;
	height:70px;
	width:336px;
	}
	
#tagline ul {
  	height:86px; 
  	margin:0;
  	width: 336px;
	background:#fff url(../images/topnav.gif) no-repeat right top;
  	}
  
#tagline li {
  	list-style-type:none; 
  	width:0;
  	height:67px;
    position:absolute;
  	}
  
#tagline a {
	float:left;
  	height:0;
	position:absolute; 
  	color:#000; 
  	text-decoration:none; 
 	padding-top:66px; 
  	font: 1.5em;
 	}
  
#tagline a#sc{
  	position:absolute; 
  	left:30px; 
  	top:0px;
  	width:90px;
  	}
  
#tagline a#cu {
  	position:absolute; 
  	left:140px; 
  	top:0px; 
  	width:85px;
  	}
  
#tagline a#ma{
  	position:absolute; 
  	left:250px; 
  	top:0px; 
  	width:85px;
  	}

#tagline i{visibility:hidden}



















#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
	margin: 10px 0px;
	width: 46%;
	}
	
#accountLinksWrapper  {
	margin: 10px 0px;
	width: 75%;
	}
	
.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navSplitPagesLinks {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
	
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  1em 0em;
	list-style-type: none;
	}

#navMainWrapper {
	background: url(../images/gradient.gif) repeat-x;
	font-weight: bold;
	color: #fff;
	width: 100%;
	font-size:1em;
	border-bottom:1px solid #333;
	height:34px;
	}
	
#navSuppWrapper {
    margin: 0em;
	font-weight: bold;
	color: #333;
	width: 100%;
	font-size:1em;
    }
	
#navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	width: 100%;
	font-size:1em;
	}

#navSupp ul, #navCatTabs ul  {
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}
	
#navMain ul {
	padding-top:.7em;
	list-style-type: none;
	text-align: center;
	line-height: 1em;
	}
	
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}
	
#navMain ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	}
	
#navCatTabs ul li a, #navSupp ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #666;
	white-space: nowrap;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}
	
#navEZPagesTOC ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}
	
#navEZPagesTOC ul li {
	white-space: nowrap;
	}
	
#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	margin:0 auto;
	text-align:right;
	padding:4px 2px 0 0;
	font-size:.9em;
	}
	
#navMainSearch input {
	margin:0 auto;
	padding:0;
	}
	
#navMainSearch input[type=text] {
   margin: 0;
}
	
#navBreadCrumb a {
	color:#333;
	}
	
#navBreadCrumb a:hover {
	color:#933;
	}
	
#navEZPagesTop {
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	}
	
#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne {
	padding: 0.5em;
	}
	
#navColumnTwo {
	padding: 0.5em;
	}
	
#navColumnTwo a {
	color:#933;
	}
	
#navColumnTwo a:hover {
	color:#333;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

#productDescription, .shippingEstimatorWrapper {
	padding: 0.5em;
	}

.alert {
	color: #933;
	margin-left: 0.1em;
	font-size: 0.9em;
	}
	
.advisory {}

.important {
	font-size: 1.1em;
	}
	
.notice {}

.rating{}

.gvBal {
	float: right;
	}
	
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.cartTableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 	}

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}
	
.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}
	
#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;   /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList, #cartAttribsList {
	margin-left: 1em;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
	
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #933;
	}

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 
	
#cartBoxEmpty, #cartBoxVoucherBalance {
  	font-weight: bold;
  	}
	
.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	} 

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}
	
.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
	}

.attributesComments {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

h2.centerBoxHeading .productListing-rowheading {	
	margin: 0em;
	font-size: 1em;
	color: #333;
	padding: 0.5em 0.2em;
	border-bottom: 1px solid #9a9a9a;
	}
	
.centerBoxWrapper, .tabTable {
	padding: 0px;
	height: 1%; /*do not remove- IEhack*/
	margin-bottom: 1em;
	}

.sideBoxContent {
	margin-left:.3em;
	}

h3.leftBoxHeading a:hover {
	color: #933;
	text-decoration: none;
	} 

h3.leftBoxHeading a {
	color: #333;
	text-decoration: none;
	} 
	
h3.rightBoxHeading a:hover {
	color: #933;
	text-decoration: none;
	}
	
.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .centerBoxHeading, .productListing-data{ text-align: left; }, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}
	
#upProductsHeading {
	text-align: left;
	}
	
#upDateHeading {
	text-align: right;
	}
	
/*misc*/
.back {
    float: left;
	}
	
.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

CAPTION {
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
	
.productListing-data {
	padding: 1em 0.2em;
	}

.navNextPrevWrapper {
	padding:1em;
	}
		
#productlayout {
	width: 200px;
	float:left;
	}
	
.hiddenField {
	display: none;
	}
.visibleField {
	display: inline;
	}

.information {
	padding: 10px 3px; 
	line-height: 150%;
	}

This is a pretty template specific task... we would need a link to try to help.

~Melanie

[mprough]

There is no way I can help you with what you have provided.

You will first need to physically move and likely recode the ez pages menu... this is not just a CSS issue. Understand that at a glance you haven't room for it there in any case. Once people are logged in, stuff in cart etc... that list of links gets long with added selections. Just something in the cart adds a selection that brings the login span half way across your 750 available px.

Not sure why you are opposed to posting your link, but no help will come w/o it.

[TheGuest]

n/p thanks.

There is no way I can help you with what you have provided.

You will first need to physically move and likely recode the ez pages menu... this is not just a CSS issue. Understand that at a glance you haven't room for it there in any case. Once people are logged in, stuff in cart etc... that list of links gets long with added selections. Just something in the cart adds a selection that brings the login span half way across your 750 available px.

Not sure why you are opposed to posting your link, but no help will come w/o it.