Cherry Zen Template Support Thread

[jettrue]

hi jettrue,

i added a blue line to either side of the sidebox.gif and changed the image color to white. that worked well. thanks.

but how would you recommend i stop it from extending past the top sidebox headers (there is a small gap between the top of the sidebox headers and the bottom of the nav bar). And how would you recommend that i close it off on the bottom?

thanks!

Add margin:0;

to

h3.leftBoxHeading, h3.rightBoxHeading


To border it off, you could add a border all across the bottom, like this:

.outer {border-bottom:1px solid #407894}

[gsdcypher]

hi jettrue;

sweet. thank you much.

is there anyway to contain the border across the bottom to just the left and right side columns (and not have it go across the middle column)???

thanks.

[jettrue]

hi jettrue;

sweet. thank you much.

is there anyway to contain the border across the bottom to just the left and right side columns (and not have it go across the middle column)???

thanks.

nope. IF you put a border on the left or right column, it would only extend as far as the content inside that column. So if you were viewing a page that had a lot of middle content (i.e. your shipping information page), the bottom lines of the left and right content would end before the middle content would. That is why I suggested the solution above, it is the best option.

[Dannie]

Hi Jettrue,

I've set the width to 800px for my site and the top navagation is no longer aligned. Can this be fixed?

My Site can be viewed Here:

[wizard247]

Replace the sections below of your stylesheet.css with these:

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	height:32px;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding: 7px 15px 0 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	height:25px;
	}

You're a legend! Thank you so much!

[wizard247]

Hi Jettrue,

Me again!

In IE7 my "Contact Us" page has the top grey line generated by the fieldset code continue into the right hand margin and off the screen, producing a horizontal scroll bar.

No such thing in FF.

Where do I go to look for this?

Thanks again!

[jettrue]

Hi Jettrue,

I've set the width to 800px for my site and the top navagation is no longer aligned. Can this be fixed?

My Site can be viewed Here:

In your stylesheet, change #navMain's width to 650px.

[jettrue]

Hi Jettrue,

Me again!

In IE7 my "Contact Us" page has the top grey line generated by the fieldset code continue into the right hand margin and off the screen, producing a horizontal scroll bar.

No such thing in FF.

Where do I go to look for this?

Thanks again!

Does this happen in my test site: http://www.cherryzen.jadetrue.com

[wizard247]

Does this happen in my test site: http://www.cherryzen.jadetrue.com

No - it does not. Looks OK there.

[wizard247]

No - it does not. Looks OK there.

I've fixed it - I had letter-spacing set to .05 em which was mucking things up. Removed the letter-spacing in the css and it's OK now.