Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove space below header

Remove space below header

Locked

Views: 22,451

Results 41 to 58 of 58
This thread is locked. New replies are disabled.
13 Aug 2008, 3:48 AM
#41
shuntashay avatar

shuntashay

New Zenner

Join Date:
Apr 2008
Posts:
12
Plugin Contributions:
0

Remove space below header

copy and paste the following to the bottom of your css to remove white space and space your images on your product listing page:

.categoryListBoxContents {
float: left;
}

popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}
.centerColumn { padding-top:0px; }
.leftBoxContainer, .rightBoxContainer {stylesheet.css (line 1135) border:1px solid #727D84; margin:1.2em 0em 0em; }

.productListing-even .productListing-data,{padding:5px 0;font-size:1em;color:#000;}
.productListing-odd .productListing-data{padding:5px 0;font-size:1em;color:#000;}

18 Aug 2008, 5:10 AM
#42
peeptoe avatar

peeptoe

New Zenner

Join Date:
Aug 2008
Posts:
14
Plugin Contributions:
0

Re: Remove space below header

shuntashay:

copy and paste the following to the bottom of your css to remove white space and space your images on your product listing page:

.centerColumn { padding-top:0px; }

That removed some of the white space in firefox.

6 Oct 2008, 11:50 AM
#43
googlepasta avatar

googlepasta

New Zenner

Join Date:
Sep 2007
Posts:
20
Plugin Contributions:
0

Re: Remove space below header

This is the site

Now I've removed the white space from IE7 using an horrendous bodge (div class="backheader") :oops: that will probably have the gurus weeping tears of frustration. :cry: Any ideas how to do this more cleanly?

(And any other thoughts if you can spare the time)

6 Oct 2008, 4:19 PM
#44
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

It would be better if you did not "hijack" an older thread. It makes a lot of folks say, "Been there -- Done that" and you'll get passed over for help.

Plus, it's seldom that problems are exactly the same.

In your case, you put the image that you want to use as the header background into the logo div vs somewhere more appropriate. In your case, I'd put your image in the logoWrapper and set the logo to not display.

Using the firebug add-on to firefox, I can turn off most of the css calls you have made in that area with no affect on the final look.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

9 Oct 2008, 4:42 PM
#45
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Please Help! My Header is not showing in IE and it's showing in Firefox, just fine! I can't figure out what I did wrong... I keep looking in stylesheet but not luck.

Much appreciated!

lynn:shocking:

http://www.PetHerbalRemedies.com

9 Oct 2008, 6:42 PM
#46
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

IE is pretty finicky while FF will sorta roll with the flow.

check out your site at http://validator.w3.org/. see if fixing the errors won't help IE.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

9 Oct 2008, 7:32 PM
#47
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Thanks for the fast reply. I'm feeling a little overwhelmed by the results! 44 errors and 41 warnings. UGH!

I see that it doesn't like "&" this sign and I see that there is are a few parsing errors... Then I found line 249

Line 249, Column 381: required attribute "alt" not specified.

…h="636" align="baseline" border="0" /></font></h2><h2 style="TEXT-ALIGN: cent

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Am I missing something? Huge cheers,
Lynn

9 Oct 2008, 8:04 PM
#48
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

What did youcreate your main page content with :shocking:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

9 Oct 2008, 9:06 PM
#49
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

WYSIWYG and I transferred the text from notepad, not directly from Word. :huh:

9 Oct 2008, 11:49 PM
#50
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

let's try this....
First, BACKUP
then, open the define pages editor- define_main_page and (if using the html editor) click on the <> at the top.
then, delete all that is there.
next, copy the text below into the block.> <img src="../images/large/usesickpet650.jpg" alt="Pet Herbal Remedies" border="0">

<h2>Pet Herbal Remedies:<span> </span>Simple, Natural Remedies that are BIG On Results!</h2> <p>Our pet's health can be greatly affected by environmental stressors, pollution, and family stressors, just like we humans. As a result our <strong>dogs & cats</strong>, <strong>gerbils</strong>, <strong>rats</strong>, <strong>rabbits</strong>, <strong>guinea pigs</strong> and <strong>horses</strong> can become afflicted with illness, injuries and even depression. Pet herbal remedies can help treat, manage and cure these afflictions with non-toxic, proven, safe, and effective, remedies. Unlike costly prescription medicinal drugs (that often carry side effects), Pet herbal remedies carry no side effects and treat the identified problem immediately and accelerates our pets bodies to heal.</p> <p>See what Herbal Remedies can make your Dog a Show Dog! See our Show Dogs Section.</p> <p><u>Pet Herbal Remedies:</u></p> <ul> <li>Are for <strong>Small Pets</strong> including cats, dogs, gerbils, rats, mice, rabbits and guinea pigs</li> <li>Are for <strong>Horses</strong>. See our entire equine line.</li> <li>Are less expensive than prescription (synthetic) drugs</li> <li>Do not cause side effects.</li> <li>Treats the injury or ailment and doesn't suppress it, like prescription drugs.</li> <li>Are formulated in safe doses and may be taken in conjunction with prescription medication.</li> </ul> <p>Our products feature a one year, money back guarantee.<img src="../images/guaranteeBadge.gif" alt="One Year Guarantee" border="0"></p> <p>Combined with diet and exercise, Pet Herbal Remedies can support a long lifeline for your pets.</p> <h2>Pet Horoscopes?</h2> <p>Pet Horoscopes are a wonderful tool to help us appreciate and greater understand our pet's personality, role in your household and role in this world.</p> <p>We compare our pet to our next door neighbor's and wonder what it is that makes them so completely different. Just like humans, pets are born under the moon and the stars and are affected by their astrological sign as much as they are by their surroundings. </p> <p>Do you find yourself asking?</p> <ul> <li>Why is it that my bunny loves to sleep on wires? (Possibly Aquarius?)</li> <li>Why does my dog prefer a groom and pedicure over a hike? (Could s/he be a Taurus?)</li> <li>And why does my cat insist on antagonizing my dog all day long? (Sagittarius?)</li> </ul> <p>Read further about your pet's astrology sign and learn what makes them tick, what restricts them and how they're health can be supported through their lifetime. If you're unsure of what sign your pet is, take our Pet Horoscope checklist that can help you determine which astrological sign your furry loved one falls under. Then take a look at our Pet-Owner Compatibility Chart... And Have fun!</p> <h2>Ask Jojo?</h2> <p>Jojo is our Leo shepherd/lab SBCA adoptee that has a relentless amount of energy, is demanding of our attention and is exceedingly self-confident. So much so, that she felt she should be a part of Pet Herbal Remedies. She has been raised on healthy organic food, in the mountains and when a brief ailment arises (which happens rarely), Leo has been treated effectively with homeopathic remedies. She is fun, a tad bit on the sassy side and a great protector.</p> <p>Send questions her way and she'll (we'll) do our best to give you the answers you need. (Of course we'll make it look like it's her idea. She wouldn't have it any other way).</p> <h2>Why Herbal Remedies?</h2> <p>Animals have instincts. Have you ever watched your dog eat grass because it has an upset stomach? We chalk that up to instinct. Yet, they didn't choose to go and sit in front of the medicine cabinet pining over a man-made synthetic drug.</p> <p>Animals have instinctively known how to care for their bodies since the start of time. In the late 1800's, the homeopathic founder by the name of Hahnemann discovered that when a goat or sheep fell down the hillside and became hurt, it nibbled on the leaves of a particular plant and became healed. Now known as Arnica, it is undoubtedly one of the most effective homeopathic remedies to cure and heal injuries in both humans and animals. I can personally attest to this!. Herbal remedies with similar healing powers to Arnica are found in all of the Pet Herbal remedies that we feature.</p> <h2>What are the herbs in Pet Herbal Remedies?</h2> <p>All of the remedies we feature at Pet Herbal Remedies are herbal remedies prepared through homeopathy or through herbalism. Homeopathy has been in existence in America since 1832 and is a scientific practice. Homeopathic remedies are made from animal, vegetable and mineral substances and when administered offer no health risks or side affects. Homeopathy can be used with pregnant women, infants, humans and of course with our animals.</p> <p>Herbalism uses herbs to concoct poultices, teas and other remedies. Herbalism is not scientific and requires caution in preparing and using multiple herbs with care to not overdose. The products that Pet Herbal Remedies feature are safely formulated and approved for effective herbal relief.</p> <h2>Pet Herbal Remedies can treat ailments as well as behaviors?</h2> <p>Just like people, pets have varying personalities that at times can be challenging. Have you a dog that barely moved or became unusually aggressive after a new family member was introduced? Or perhaps a cat that didn't come out of the closet after you moved? Aggression, Anxiety, and Mental Health are three behaviors that are effectively treated by the natural and herbal remedies offered through our site.</p>

This will take away some of your links for now but cure a lot of the code violations. It will also force the text to follow the "will" of the stylesheet and make everything look like the rest of the site.
If this doesn't fix the space problem, it's a least eliminating the possibility that it was. If you still have the space, we can look at other causes.
From there, you can start slowly returning your links to the main page making sure that it doesn't break something again.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

10 Oct 2008, 12:46 AM
#51
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Thank You Much. I did backup and pasted the HTML code into the HTML editor and still am getting 26 errors in my site.

I'm noticing now that the biggest problem that appears to be is:
Line 57, Column 189: character "&" is the first character of a delimiter but occurred as data.

… class="category-subs-selected">Cats & Dogs</span></a> </li>

✉

This message may appear in several cases:

* You tried to include the "<" character in your page: you should escape it as "<"
* You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe.
* Another possibility is that you forgot to close quotes in a previous tag.

All of my categories feature a & within the titles. Hmmmm.

I really appreciate your time.:dontgetit

10 Oct 2008, 3:44 AM
#52
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

While I'm looking at the other stuff, go in and change the category "Cats & Dogs" to "Cats & Dogs".

I'm not sure how the span calls got in the files, but they're part of the problem.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

10 Oct 2008, 4:05 AM
#53
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Hi There,

I've changed the Cats & Dogs to Cats and Dogs for the Category name. (it's consistent with my other categories).

I really appreciate your time and looking into the "span" files. Not sure why they are there....

Lynn:dontgetit

10 Oct 2008, 4:44 AM
#54
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Dbltoe,

One more thing... I noticed that my font size (verdana 12 on the main page) isn't appearing like verdana 12. UGH! Any more thoughts?

Much much appreciated! Lynn:huh:

10 Oct 2008, 5:10 AM
#55
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

You have a very interesting setup with this site.:blink:

Did you do this or did someone set it up for you.

Don't want to step on any toes but, it looks like the work of someone who wanted to code php versus work the admin settings and css calls.

You have weird things showing up everywhere. Right now your site is set for:> body {

color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:62.5%;
}
That's the standard for Zen. putting styles in text as you enter it creates the 150-line main page that we dropped into 36 lines of code.
Before, the main page had three different ways of defining <h2>:shocking: When (not if) they needed changing, you would not be able to change one call in the stylesheet but would have to search every file holding an <h2> to see if it needed changing.

Note that, even with the font defaulting to verdana, some folks will have other fonts set as default or simply not have verdana installed on their computer. (yes, lurkers, I know it's standard font but I have a friend who goes through every computer he touches and deletes fonts he doesn't like)

and, I'm afraid, the really bad news is that most of this will go away with your settings at the next upgrade because everything is still being done in the classic directory.:cry:

sorry that this doesn't help much,

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

10 Oct 2008, 5:30 AM
#56
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

Dbltoe,

I'm at a loss with your response. Firstly, thank you again for your time. I have designed this site, hoping and thinking that everything I had been doing was correct. Obviously not. I'm still a little confused about what you mean by me editing the classic folder versus another. Are there means to "fix" this? I have been backing up nearly every day. Prior to a couple of days ago my header and site was working in both IE and FF.

Please advise. :( Lynn

10 Oct 2008, 6:54 AM
#57
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Remove space below header

Sorry if I seemed brutal. You are experiencing the reason for my signature. Many folks just jump in to Zen Cart with both feet, especially those who are more familiar with the territory.

I did much teh same in 2002. Jumped into OSCommerce with both feet, got my ego slapped, and jumped the OSC ship not long after ajeh moved to Zen. She, along with DrByte, has managed to save my bacon on many occasions. I'm a certified member of the "two steps forward: three steps back" club. Without this forum, I'd have gone back to door to door sales long ago.

You've done several things that are redundant possibly because you were not aware of what Zen does. For instance, a nice header is interrupted with your cart is empty and the amount when the cart is filled. Zen automatically adds the extra nav items when there's an item in the cart so there's no need for the extra. And there are several links that are not only hard-coded but include zenIDs that are from another session.

The classic template is an "old-school" example of how the cart can look. It does not take full advantage of css nor xhtml. Most folks recommend basing changes on the temple_default but, both are overwritten with any upgrade without A LOT OF WORK. Template_default is where Zen looks for most files if no override is found.

When I get a new customer, I suggest that they load the files, create the override directories, and then go through the admin drop-down menu items from left to right through the entire admin. It's amazing what can be learned by the time you get to tools.

Once the basic setup is done, I have them enter a product and start making the cart look like they want. By then, most of the look has been accomplished through the admin. Simple things like sort order for instance. I set up close to 1,000 products once only to have a customer want one group in the category to come first. ajeh commiserated with me but also taught me to use 10, 20, 30, etc. in sort orders for WHEN (not if) something needed to be inserted.

Normally, I just sit back and try to put a band aid or two on folk's problems but you are doing good work for the pets and I couldn't bring myself to let it get worse.

If I were you, I would load one of the templates from (sorry, site offline) and load the one that is closest to the look you want. Don't worry about the colors as they are easily changed. Turn on the new template and the sideboxes. See if most of the problems don't disappear. If they don't, you'll need to find which classic or template_default file(s) changed and fix or remove them.

Not a fun process I know. I had a sign above my desk in the Air Force. "Never enough time to do it right but, always enough time to do it over." It always frustrated me that they would not allow time to do it right but, always come back for corrections.

You have control of the situation and can decide to continue on or backup, regroup, and perservere.

I'll be here to help, either way.
john

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

10 Oct 2008, 5:29 PM
#58
pet_herbal_remedies avatar

pet_herbal_remedies

Zen Follower

Join Date:
Aug 2008
Posts:
162
Plugin Contributions:
0

Re: Remove space below header

John,

Thank you for being so brutally honest and for giving me so much of your time.

In an effort to create a unique site, I researched the forums for modifications and add ons that would help specialize it. I didn't realize that I was compromising it's ability to operate.

I am going to follow your instructions, download a new template, keep my fingers crossed and perhaps contact you...

I am from the school of hard knocks as well as 'where there's a will, there's a way'.

Onto my "will",
Lynn:smile: