 
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
You're welcome. I hope it works out for you.
|
|
Groups: ProSeller
Joined: 8/22/2007
Posts: 503
Location: Sofia
|
Thank you so much Pam! Your post was very helpful to me.
|
|
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
You're welcome.
|
|
Groups: ProSeller
Joined: 6/27/2009
Posts: 697
Location: Boca Raton
|
OLPamPam wrote:You're welcome. thanks for the lovely comment that you posted in my store. I wil have to give this little update a try, thanks for posting this, i really want to do a little more updating & i think this may do the trick... 
|
|
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
I hope it works out for you. It would look great where you have your links at the top. You can keep the same css code that you have now, so you keep your original look. It looks really good.
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
FYI ... There is an IE7 (and earlier) bug that causes the navigation in this thread to open behind the main page of your store in those browsers. (Info on the bug here, if interested: http://jonathanstegall.com/2009/01/15/ie-z-index-bug-with-css-dropdown-menu/ ) To fix it: 1) Add an ID to your main navigation table: Code:<table align="center" width="900" cellpadding="0" cellspacing="0" id="horizontalNav"> 2) Add the following to your styles: Code:#mainShell #horizontalNav {
position: relative;
z-index: 2;
}
#mainShell #main {
position: relative;
}
3) That'll do it. You can remove the two "z-index:9000" references from the existing styles because it turns out they weren't doing much in this case anyway. So far, I haven't find any unintended side effects. Hope this works for all.
|
|
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
Oh thank you so much, My5k262. I've been trying to figure that one out for awhile.
I'll test it out and add it to the original post.
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
Happy to help!
|
|
Groups: ProSeller
Joined: 1/25/2012
Posts: 14
|
Thanks for the code! I tried it and it worked great. I'd like to make a background image for my navigation bar. Any idea how I can do that? http://www.zazzle.com/origamiprints
|
|
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
I'm assuming that you would add some code to your css to the #menu section. http://www.w3schools.com/css/css_background.asp">w3Schools -this site has the best information. It's so helpful. Anyways, you would add a code like this to the #menu section (I think that's the right section), in which the 'bgdesert.jpg' part is hosted on another site, such as picasa or photobucket background-image:url('bgdesert.jpg'); and you would need it to be the right size. You may wish to add a code like background-repeat:no-repeat; if you find it necessary. Or if you have a seamless pattern, then allow it to repeat. Anyways, you will have to try it out to see if it works, but I believe this is the right way to do it.
|
|
Groups: ProSeller
Joined: 6/25/2008
Posts: 2
Location: Mount Joy
|
can't wait to play with this. thanks so much!!!
|
|
Groups: ProSeller
Joined: 6/25/2008
Posts: 2
Location: Mount Joy
|
worked amazing for me! you can see it here... http://www.zazzle.com/invitationsbychrissy*
|
|
Groups: ProSeller
Joined: 7/5/2009
Posts: 301
Location: North Bay
|
Really nice store Chrissy, you have some great designs.
I was just going to mention, that it might be a good idea to keep the text all in uppercase on your menu when you hover over it. I just find it a little bit distracting when it changes to lowercase because everything shifts.
Great job on the look of the menu. I love the double border on the top and bottom of your menu. Looks really classy.
|
|
Groups: ProSeller
Joined: 6/5/2008
Posts: 254
|
Hello Pam,
thank you so much for the codes; you're awesome!
I tried them out yesterday and they worked well; I am still tinkering with it to get "the look" I want.
|
|
Groups: ProSeller
Joined: 5/24/2010
Posts: 2,000
|
Pam, thank you thank you thank you for this!!  
|
|
Groups: Member
Joined: 8/4/2012
Posts: 172
|
Hi Pam, Thank you so much for the code. It works great for my store. I was googling for this horizontal menu and found this thread. You're a lifesaver! Thanks again. .. http://www.zazzle.com/raindwops
|
|
|
Guest |