Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / PLS need help about styesheet

PLS need help about styesheet

Locked

Views: 1,044

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
6 Sep 2008, 3:49 PM
#1
zico avatar

zico

New Zenner

Join Date:
Sep 2008
Posts:
4
Plugin Contributions:
0

PLS need help about styesheet

first just want to say i'm really new with Zen.. my problem is i do turn off search , menu, and login option..(erased) but in this case there is still blank gap space. i do try and try to get header fit on top with out Gap..but i do still cannot if some one know how and can teach me PLs helping me out..i already siting and editing more than couple days..still cannot i really want to fix this problem and thanks alots

6 Sep 2008, 5:07 PM
#2
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: PLS need help about styesheet

Hi zico,

If you give a link to your page, then we can take a look and answer your question...

unexpected blank gaps are usually caused by CSS padding and margin values.

I recomend firefox with the web developer extension

6 Sep 2008, 10:26 PM
#3
zico avatar

zico

New Zenner

Join Date:
Sep 2008
Posts:
4
Plugin Contributions:
0

Re: PLS need help about styesheet

thanks you very much steve..here my test site... https://www.cool-cool.nl/Test2

username= zico1
pass= thailand

thanks you again..i will wait for answer

7 Sep 2008, 12:40 AM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: PLS need help about styesheet

If you mean the space above your header, in your stylesheet:

Add the part in red
**
#navMainWrapper{ margin: 0 0 3px 0; color: #333333; width: 100%; display:none;}**

7 Sep 2008, 8:43 AM
#5
zico avatar

zico

New Zenner

Join Date:
Sep 2008
Posts:
4
Plugin Contributions:
0

Re: PLS need help about styesheet

hi steve and stevesh..thanks you both to helping me out along.. i do try added the code in my stylesheet and it's work but not total solved the problem, the menu HOME LOGIN is turn off it's true but the blank gap there the text menu have to be still there..i mean before i added code the gap is wild =2 cm after is wild = 1 cm but i really love to remove it out let my header fix to the top.. i think this case there is alots of friend whould love to find out as wel..anyway..thanks you both every much..it's nice to know there is person who know better.. and you can always ask for advice..Greeting zico

7 Sep 2008, 3:02 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: PLS need help about styesheet

Do you want to move the sideboxes closer to the header, or the 'Welkom' text closer to the 'Home' breadcrumb, or both?

7 Sep 2008, 4:17 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: PLS need help about styesheet

You have several things that are taking up space:```
#logoWrapper { margin: 0; padding: 0; width: 100%; display: block; background: url('../images/header-bg.jpg') center no-repeat; height: 220px; }
#logo { padding: 30px 0 10px 40px; }
#logo a, #logo a:visited { font-family: Trebuchet MS; font-size: 40px; text-decoration: none; color: #ffffff; font-weight: normal; }

#taglineWrapper{ font-size: 20px; padding: 10px 0 10px 60px; margin-top: -30px; text-align: left; }

#logoWrapper is 220px high, but the background image is not large enough to fill it.

#logo and #taglineWrapper have lots of padding, but no content. If you don't want to show anything in them, set them to 
display: none;
7 Sep 2008, 5:12 PM
#8
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: PLS need help about styesheet

to remove the white space above and below the header image...

#logoWrapper
background:transparent url(../images/header-bg.jpg) no-repeat scroll center center;
display:block;
height:170px;
margin:0;
padding:0;
width:100%;

7 Sep 2008, 6:44 PM
#9
zico avatar

zico

New Zenner

Join Date:
Sep 2008
Posts:
4
Plugin Contributions:
0

Re: PLS need help about styesheet

wow, just simple thing now i really shame my self stupid me, the problem is i set up header to big 220, but the image not fit it you guy right, i just changed to 170 then just fit perfectly..just small thing take me than 2 days.. thanks you guys very much, now i leaning something, that small thing can be improtant, thanks you guy thanks you very much
greeting
zico