Header position & font

[Ecable]

Hello, I refer to my site http://cablemaster.com.sg/ecable/.
I really need help on how to position the Header line 1 "Cable Master ECABLE", below the company logo and Header line 2 "Your Online Cable Store" below Header line 1.
I also need to change the font and font size and colour (to white) for the Header line 1 & 2.
Thanks for any help. Regards.

[kobra]

Edit this entry in your stylesheet.css file so that it resembles this and then check in IE as this looks correct in FireFox.

#tagline h1{
        width: 250px;
	color: #FFFFFF;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	margin: 0em 0em 0em 0em;
	}

[Ecable]

I did exectly that and previewed in IE but no change at all. I have not previewed in Firefox. Will try that after I get Firefox.

[CoolCarPartsOnline]

View it in FF the tagline is under the Logo just like you want it.
#tagline h1{
clear: both;
width: 250px;
color: #FFFFFF;
font-size: 2em;
text-align : center;
vertical-align: middle;
margin: 0em 0em 0em 0em;
}

[kobra]

I did exectly that and previewed in IE but no change at all.

Always clear your browser cache - As when you make valid changes to the correct files there is no alternative but for the code to reflect them

[Ecable]

I managed to get my Header1 "Cable Master ECABLE" somewhere in the middle and Header2 "Your Online Cable Stor" just below it. My stylesheet.css is now,

#tagline h1{
width: 700px;
color:#FFFFFF;
font-size: 2em;
text-align : 200px;
vertical-align: middle;
margin: 0em 0em 0em 15em;
}
Q1. I want to change Header1 font size to bigger and font is Times New Roman and Header2 font size to smaller and font is Century Gothic.

Q2. What does margin: 0em 0em 0em 15em mean in the above
tagline?

Regards.

[Ecable]

Can anyone help? Thanks.

[kobra]

This is what you have now and does not match what has been suggested and you do not have a h1 and a h2 as tagline is ONE entry

#tagline {
	width: 700px;
	color:#FFFF00;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	margin: 0em 0em 0em 9em;
	}

What is rendered:

<div id="tagline"><h1>Cable Master ECABLE<br/>Your Online Cable Store</h1></div>

[Ecable]

Sorry, I have tried to make some changes to see the result but until now I dont get the desired result. I just need to have 2 Header.

Header1 "Cable Master ECABLE" of 36px font size & Times New
Roman and right below it,
Header2 "Your Online Cable Store" of 18px font size & Century
Gothic
Both have white lettering. Can you please help what code should I write?.

[kobra]

The simplest path will be to remove the text in the code.

Using your favorite image editor, place the text where you want it and the size & color you want into your header background image

Abstract_112-banner.jpg