Forums / Templates, Stylesheets, Page Layout / Background image in Tabs-Categories?

Background image in Tabs-Categories?

Locked

Views: 701

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
16 Jun 2010, 7:19 AM
#1
nightgaunt_graphics avatar

nightgaunt_graphics

New Zenner

Join Date:
Jul 2009
Posts:
8
Plugin Contributions:
0

Background image in Tabs-Categories?

Never posted anything on here yet, but have spent 154,895,345 hours scouring this site and Google for something that I (of course) thought would be rather simple!

But of course that is never the case, eh?

Hopefully someone out there can help with this.

I am trying to put a background image across the top of the site, behind the top (horizontal) categories, under the header.

Tried Firefox Web Design, thought I found a solution, but nope.
Entered the code stuffs into the stylesheet thingy and nothing.

Here is my website:
http:// store.nightgauntgraphics .com

Any help would be ridiculously appreciated!
New to CSS and kinda figured if I could do something simple (ha!)
like this, I would be able to figure out how to make my site a bit less, ummm, juvenile. We'll see....

Cheers!

16 Jun 2010, 7:59 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Background image in Tabs-Categories?

You alredy have the cat names as images in an Unordered list or ul
Go back and enclose this list in a new div
You can then add a background image to that div in your stylesheet

Zen-Venom Get Bitten

16 Jun 2010, 9:28 AM
#3
stevesh avatar

stevesh

Black Belt

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

Re: Background image in Tabs-Categories?

Depending on the image, I would expect you could just specify it in the stylesheet as a background-image in #navCatTabs or #navCatTabsWrapper.

16 Jun 2010, 3:25 PM
#4
nightgaunt_graphics avatar

nightgaunt_graphics

New Zenner

Join Date:
Jul 2009
Posts:
8
Plugin Contributions:
0

Re: Background image in Tabs-Categories?

Wow, you guys are up late!
Thanks for the reply...

I tried the #navCatTabs and #navCatTabsWrapper to no avail.

Where and how should I go about creating an ordered list for the cat names as images and create a new div?

I created those by following the instructions here:

https ://www.zen-cart.com/forum/showthread.php?p=884992

Cheers, and again- Thanks!!!

17 Jun 2010, 10:26 PM
#5
nightgaunt_graphics avatar

nightgaunt_graphics

New Zenner

Join Date:
Jul 2009
Posts:
8
Plugin Contributions:
0

Re: Background image in Tabs-Categories?

Nevermind.

I decided to create an image and place it in the tag line until I can figure this out instead.

Still would like to do this eventually, but for now it at least looks like
it is actually a part of the Tab Categories....

http ://store.nightgauntgraphics.com/

But this brings up a different problem:
How to remove the space between the tag line and top categories?

Back to Google....

P.s.
Anyone know how to make the footer image ONLY show on the main page?

Thanks!