[Help Need] Header

Status
Not open for further replies.

HyDra_92

Active Member
46
2012
0
0
Hey Guys i am stuck in fixing header right and left space any help me please :) how can i remove the space and fixed the header

Code:
http://www.power302.com

i want it for full fluidity



Sorry guys
 
Last edited:
15 comments
Do you want to make it fit with your body?

Or increase the body size?

em3yd.png
 
I think he means this:

xVo2


The way the black background in the header does not stretch the full screen. To start with you need to stop it being 1 big image, slice it down into 1 small strip and within your CSS just multiply it right across, this way you will be able to suit all screen resolutions. Also if you want to keep the little light shadow behind the actual logo image then you will need to just edit the logo image its self and make it the correct height to fit the complete banner header. if you need any more help...Just ask.
 
i just wan to fix the header in entire page beacuse i dun like right and left gap

---------- Post added at 05:36 AM ---------- Previous post was at 05:21 AM ----------

yes i wna to fit with body
Do you want to make it fit with your body?

Or increase the body size?

em3yd.png
 
just give a margin-left of 150 and change the width to 835 for both header bar and nav header. Also then just change the margins of the tabs,logo and upper text and you are done. If you want any help then PM me, ill help you :)

Update: Fixed his template over PM.
 
Last edited:
Actually WJ header is centre, it doesn't fit full page. You could just do a single line marque and then put that in background repeat for that divider.
 
Your #header element is a child of the #wrapper. Since the #wrapper is 1138px wide, that would be the maximum width of the #header, unless you position it as absolute or something.

The quickest thing is to just place the #header before the #wrapper
 
^Do what he said, and set the background to url("../images/header_gra.png") no-repeat scroll center top #222.
 
Make the following css changes below will give the following result:

[slide]http://imageup.jacquiidesigns.com/di-NDA3.png[/slide]


Code:
#navheader ==> margin: 0px auto; width: 835px;
#header_bar ==> width: 100%; 
#logo ==> padding: 10px 0px 0px 10px;
.nava ul ==> margin: 14px 0px 0px 14px;
#main_Search ==> padding: 50px 0px 0px 420px;
#buttn ==> 0px 60px 0px 0px;

HTH ;)

J.
 
Status
Not open for further replies.
Back
Top