Header position & font

[Ecable]

OK I can try that.
Just for learning purposes is it possible if you can show the script for a 2 line header.
Thanks for your help. Regards.

[kobra]

if you can show the script for a 2 line header

This is done with a variable "tagline" and it is in several files and has a div of it's own - - to do this would require touching all the files where "tagline" is represented and more than I have time to do

[rstevenson]

In case you were still wondering...

Q2. What does margin: 0em 0em 0em 15em mean...

When multiple values are run in one line like that they refer to top, right, bottom, left, in that order. So that definition means to leave a margin of 0em on top, right and bottom, and to use a margin of 15em on the left.

EM is a relative unit of measure. 1em means to use one of whatever is the basic unit for fonts on that page. So if the font size set up in the body definition results in a 12px font size, then 1em means one times 12px, 2em means 2 times 12px, and so on. So you can see that 15em is a rather large amount for a margin, in most cases. But it may be just right for what you're trying to do. It's all relative.

Rob

[Ecable]

Thank you Rob, something new I learn today.

Thank you also to Kobra as I followed your suggestion of putting the 2 header lines into my header banner image and I also put my logo into it. It turned out fine. I can position the header and logo anywhere I want and change the header fonts and font size.

However, another problem cropped up. I tried to delete the previous logo from the top left corner by changing my header.php to this :-
// added defines for header alt and text
define('HEADER_ALT_TEXT', '');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '');
define('HEADER_LOGO_HEIGHT', '');
define('HEADER_LOGO_IMAGE', '');

In IE, a box with a cross symbol appeared at the top left corner. If I click on it, it will reload my webpage http://cablemaster.com.sg/ecable.
In FF this box with cross symbol does not appear.
How can I get rid of this symbol?
Did I do anything wrong?

[kobra]

I would say you went one step too far by including your logo in the background image and suggest you fall back to having the logo as a seperate image and restore the function

[Ecable]

OK I have reinstated the previous logo. Will take out the logo from the header banner image. How then can I position the logo which is now at the top left corner, to say, center and left of the header banner image?

[kobra]

Find this in your stylesheet and seperate the #logo into it's own entry

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

So you end up with this and adjust as desired

#logo {
	float: left;
	margin: 4em 0em 0em 5em;
	}

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

[Ecable]

OK I finally got it. I have also changed my header image. Thanks a lot kobra for your help. Will move on to develop the other parts of the website. Cheers.

[Ecable]

I am facing another problem now. I dowloaded a template called "trublu" from http://(sorry, site offline)/ and notice that the Information sidebox has words that are continous ie,

Shipping & ReturnsPrivacy
NoticeConditions of
UseContact UsSite MapGift
Certificate FAQDiscount
CouponsNewsletter
Unsubscribe

instead of,

Shipping & Returns
Privacy Notice
Conditions of Use
Contact Us
Site Map
Gift Certificate
FAQ
Discount Coupons
Newsletter
Unsubscribe

How can I solve this problem. Thanks.

[kobra]

Most are in english.php but if not use the tool kit

https://www.zen-cart.com/tutorials/index.php?article=38
https://www.zen-cart.com/tutorials/index.php?article=39