Last changes...need help please

[zidain]

So I'm looking to isolate the EZpageheader box links from the rest of the site...meaning I need a way to make changes to the header links (i.e. Vin’Ash Store Home :: Vin’Ash Coaching :: Vin’Ash Travel :: Calendar :: Assessment :: News :: Contact Us) and not the rest of the doc...how can I do this?

You can see the website at www.vinashcoaching.com/store (Sorry for the slow loading time)

Next and very minor is I still get a minor white space above the header logo in IE6...are there any suggestions?

That's pretty much it...I appreciate all the help I've received on the other issues, and any help with these should square me away, thanks guys.

Zidain

[zidain]

does anyone know how I might change these things?

[Nimbuz]

By make change you mean style the links etc..? Well anyway, look for (or create) "navEZPagesTop" id to position/style the bar itself and "navEZPagesTop a,active,visited" to style the links in them.

For white-space in IE, try this:

#navMainWrapper {
background-color:#ABBBD3;
background-image:url(../images/tile_back.gif);
color:#DC2637;
font-weight:bold;
height:25px;
margin:0em;
padding:0.5em 0.2em;
text-align:right;
}

Height given in pixels.

Hope it helps.

[zidain]

Thanks Nimbuz, I was able to get the color to change but the hover color feature on the bar isn't working...this is what I have atm. Can you think of what's wrong here?

#navEZPagesTop a,active,visited
{
color: #ffffff;
text-decoration: none;
}-decoration: none;
}

#navEZPagesTop a,hover
{
color: #0000ff;
text-decoration: none;
}-decoration: none;
}

------------------------------------------

As far as the 2nd issue, the blank area (white space) in IE6 is still there. You can see it at www.vinashcoaching.com/store (sorry for the slow loading time) is still there...it's not that bad but I would still love it to disappear So any other ideas would be appreciated.

Zidain

[Nimbuz]

a:hover NOT a,hover

..and remove this›› -decoration: none;

As for IE issue, you still haven't updated the #navMainWrapper as mentioned above. Find "#navMainWrapper" in yout stylesheet.css and replace the ID with what I've posted above.

[zidain]

yeah that -decoration: none; was really screwing things up, I found it in a few other places too...

As far as the white space stuff, this is what I currently have in my .css

#navMainWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #DC2637;
text-align: right;
height: 1%;
}

I tried your fix but it didn't change anything...do you have any other suggestions?

Thanks a lot for the quick responses and help Nimbuz.

Zidain~

[Nimbuz]

What you have:

#navMainWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #DC2637;
text-align: right;
height: 1%;
}

What you need to have:

#navMainWrapper {
background-color:#ABBBD3;
background-image:url(../images/tile_back.gif);
color:#DC2637;
font-weight:bold;
height:25px;
margin:0em;
padding:0.5em 0.2em;
text-align:right;
}

Get me?

[zidain]

I made the changes you told me to and they are live, you can see them at http://www.vinashcoaching.com/store/ but it is still broken in IE6...I think IE just sucks but hehe thanks for the suggestion. Below is my whole .CSS if you can look at it and have any other suggestions, let me know and I'll make them...thanks.

Zidain~

/**
* Main CSS Stylesheet
*
* @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: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

a img {border: none; }


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

a:visited, #navEZPagesTOC ul li a {
color: #0000ff;
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: #FF0000;
}

a:active {
color: #FF0000;
}

h1 {
font-size: 1.5em;
color: #000000;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent,

.larger{
font-size: 1.1em;
}

.biggerText {
font-size: 1.2em;
}

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

/* Might uncomment either or both of these if having problems with IE

peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
position: relative;
}
*html .centerColumn {
height: 1%;
}
*/

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

TEXTAREA {
float: left;
margin: auto;
display: block;
width: 95%;
}

input:focus, select:focus, textarea:focus {
background: #E4FEF5;
}

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.5em;
padding: 0.2em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents,

.categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg

{float: left;}

#logo {float: left;}

LABEL.inputLabel {
width: 9em;
float: left;
}

LABEL.inputLabelPayment {
width: 14em;
float: left;
padding-left: 0.5em;
}

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

#checkoutPayment LABEL.radioButtonLabel {
font-weight: bold;
}

P, ADDRESS {
padding: 0.5em;
}

ADDRESS {
font-style: normal;
}

.clearBoth {

clear: both;

}

HR {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #6D4F06;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess,

.messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #6D4F06;
}

.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #ffffff;
}

.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}

.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}

/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
color: #0000ff;
background-image: url(../images/background.jpg);
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #6D4F06;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper,

#ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper,

#popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:147px;
}

#headerWrapper br.clearBoth {line-height:0}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #9A9A9A;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em;
}

#tagline {
color:#000000;
font-size: 2em;
text-align : center;
vertical-align: middle;
}

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

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto,

#checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

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


#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
}

#navMainWrapper {
background-color:#ABBBD3;
background-image:url(../images/tile_back.gif);
color:#DC2637;
font-weight:bold;
height:25px;
margin:0em;
padding:0.5em 0.2em;
text-align:right;
}

#navMainWrapper a,active,visited
{
color: #ffffff;
text-decoration: none;
}

#navMainWrapper a:hover
{
color: #ff0000;
text-decoration: none;
}

#navMain ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: right;
line-height: 1.5em;
}


#navMain ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
text-align: left;
}

#navSuppWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #DC2637;
height: 1%;
}

#navSuppWrapper a,active,visited
{
color: #ffffff;
text-decoration: none;
}

#navSuppWrapper a:hover
{
color: #ff0000;
text-decoration: none;
}

#navSupp ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
text-align: center;
}

#navSupp ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}

#navCatTabsWrapper {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
font-weight: bold;
color: #DC2637;
height: 1%;
}

#navCatTabsWrapper a,active,visited
{
color: #ffffff;
text-decoration: none;
}

#navCatTabsWrapper a:hover
{
color: #ff0000;
text-decoration: none;
}

#navCatTabs ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}

#navCatTabs ul li a
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #ffffff;
text-align: center;
}

#navCatTabs ul li a {
color: #6D4F06;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #6D4F06;
}

#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 {
float: right;
}

#navBreadCrumb {
padding: 1.0em 1.0em;
background-color: #ffffff;
color: #0000ff;
background-image: url(../images/background.jpg);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
}

#navEZPagesTop {
background-color: #abbbd3;
text-decoration: none;
background-image: url(../images/tile_back.gif);
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
color: #ff0000;
text-align: center;
}

#navEZPagesTop a,active,visited
{
color: #ffffff;
text-decoration: none;
}

#navEZPagesTop a:hover
{
color: #ff0000;
text-decoration: none;
}

#navColumnOne, #navColumnTwo {
background-color: #FFFFFF;
color: #000000;
background-image: url(../images/background.jpg);
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents,

.specialsListBoxContents, .categoryListBoxContents, .additionalImages,

.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch,

.centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}

.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.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 #9A9A9A;
padding: 1em;
}

.tableHeading TH {
border-bottom: 1px solid #6D4F06;
}

.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}

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

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.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, .cartOldItem {
color: #0000FF;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartNewItem, .cartOldItem:hover {
color: #ff0000;
position: relative; /*do not remove-fixes stupid IEbug*/
}

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

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
background-color: #E4FEf5;
border: 1px solid #003D00;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale,

.productPriceDiscount {
color: #ff0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
list-style-type: none;
}

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

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.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 {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents,

.additionalImages, .centerBoxContentsSpecials,

.centerBoxContentsAlsoPurch, .centerBoxContentsFeatured,

.centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
border: 1px solid #9A9A9A;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #ffffff;
}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: #FFFFFF;
}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading,

#recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: #FFFFFF;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
color: #000000;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}


.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #9A9A9A;
border-bottom: 5px solid #336633;
margin-top: 1.5em;
}

.sideBoxContent {
background-color: #FFFFFF;
padding: 0.4em;
}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
color: #FF0000;
text-decoration: none;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading

a:visited {
color: #FFFFFF;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty,

#cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev,

#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive,

#bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus,

#siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate,

.cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading,

.centerBoxHeading,.rightBoxHeading, .productListing-data,

.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 1.5em;
}

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

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: #0000CC;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

/* categories box parent and child categories */
A.category-top {
color: #309D28;
text-decoration: none;
}

A.category-top:visited {
color: #309D28;
text-decoration: none;
}


A.category-top:hover {
color: #FF0000;
text-decoration: none;
}


A.category-links {
color: #0000FF;
text-decoration: none;
}

A.category-links:visited
{
color: #0000FF;
text-decoration: none;
}

A.category-links:hover
{
color: #FF0000;
text-decoration: none;
}

A.category-subs, A.category-products, A.category-subs:visited,

A.category-products:visited {
color: #FF0000;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/* end categories box links */

/*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;
}

.hiddenField {
display: none;
}
.visibleField {
display: inline;
}

CAPTION {
/*display: none;*/
}

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

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

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

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

.productListing-rowheading {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
height: 2em;
color: #FFFFFF;
}


.productListing-rowheading a,active,visited
{
color: #ffffff;
text-decoration: none;
}

.productListing-rowheading a:hover
{
color: #ff0000;
text-decoration: none;
}


#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;
}