Apple Zen Support Thread

Quote:

---

Originally Posted by mycompleteness

*bump*

Can someone help me out?

Thanks,
Sarah

---

1. I'm not seeing that issue.

2. Put the image in the footer, and then I can help with the gap. I can't help fix it if it's not there. :P

Quote:

---

Originally Posted by jettrue

1. I'm not seeing that issue.

2. Put the image in the footer, and then I can help with the gap. I can't help fix it if it's not there. :P

---

1. I've "broken" it so you can see the problem without my poor fix. I'm trying to get that menu to sit in the center, without using "background-align:center" because it causes it to be off-center in *some* browsers (which is why you probably couldn't see the problem, you're lucky!).

To better explain, I need the div that the drop-down menu background sits in to have a fixed width of 606px. Changing the current width from "100%" to "606px" doesn't help.

From Stylesheet.css:

Code:

---

#dropMenuWrapper {
width:100%;
background:url(../images/background.jpg) repeat-y;
margin:0 auto;
height:2.18em;
position:absolute;
top:0;
left:0;
}

---

2. I've put the image in the footer now for you to see.


Thanks, I hope that makes the issues a little clearer :)

Quote:

---

Originally Posted by mycompleteness

1. I've "broken" it so you can see the problem without my poor fix. I'm trying to get that menu to sit in the center, without using "background-align:center" because it causes it to be off-center in *some* browsers (which is why you probably couldn't see the problem, you're lucky!).

To better explain, I need the div that the drop-down menu background sits in to have a fixed width of 606px. Changing the current width from "100%" to "606px" doesn't help.

From Stylesheet.css:

Code:

---

#dropMenuWrapper {
width:100%;
background:url(../images/background.jpg) repeat-y;
margin:0 auto;
height:2.18em;
position:absolute;
top:0;
left:0;
}

---

2. I've put the image in the footer now for you to see.


Thanks, I hope that makes the issues a little clearer :)

---

That's really complicated. I would try creating a div that encloses the whole store, and apple the background there, than trying to apply it in 10 different places. Or better yet, center a background image for the whole body of the site.

Quote:

---

Originally Posted by jettrue

That's really complicated. I would try creating a div that encloses the whole store, and apple the background there, than trying to apply it in 10 different places. Or better yet, center a background image for the whole body of the site.

---

Thanks for replying. I really didn't think it would be all that complicated, but everything I'm trying seems to be failing miserably!

Doesn't the div "mainWrapper" enclose the whole store (excluding the footer)? I did try putting the background in there, but as usual, it gets stuck to the left side of the page and not centered.

If you have an idea of what I need to write into the CSS (I expect it to be under another id, eg. "mainBGwrapper"), please let me know. Everything I've tried is still stuck to the left side, even when align:center and background-align:center are used.

I'm sure I've just left my brain somewhere, but this is bugging me terribly. I fail at problem-solving today!

Thanks heaps.

Quote:

---

Originally Posted by mycompleteness

Thanks for replying. I really didn't think it would be all that complicated, but everything I'm trying seems to be failing miserably!

Doesn't the div "mainWrapper" enclose the whole store (excluding the footer)? I did try putting the background in there, but as usual, it gets stuck to the left side of the page and not centered.

If you have an idea of what I need to write into the CSS (I expect it to be under another id, eg. "mainBGwrapper"), please let me know. Everything I've tried is still stuck to the left side, even when align:center and background-align:center are used.

I'm sure I've just left my brain somewhere, but this is bugging me terribly. I fail at problem-solving today!

Thanks heaps.

---

Do you realize there's no such thing as background-align:center.

Here's information about the background tag:

http://www.w3schools.com/css/pr_background-position.asp

#mainWrapper does not enclose the whole store, view the source of the site to see where it starts.

Quote:

---

Originally Posted by jettrue

Do you realize there's no such thing as background-align:center.

Here's information about the background tag:

http://www.w3schools.com/css/pr_background-position.asp

#mainWrapper does not enclose the whole store, view the source of the site to see where it starts.

---

Yes I do realise background-align doesn't exist and that I meant background-position, I just called it the wrong name in my post.

When placing a centered background wrapping the entire shop (from before the header, before everything), it still causes it to be off-centre. All I can tell is that it needs to be within a div that is 606px wide (same as the shop width where the header image and other backgrounds have worked so far), but just for behind the drop menu and the footer, and not use a centered tag. Looks like I'll just have to live with the issue because I can't figure it out (and nobody else seems to be able to either).

Thanks for trying anyway, and good luck with your lovely templates :)

Quote:

---

Originally Posted by mycompleteness

Yes I do realise background-align doesn't exist and that I meant background-position, I just called it the wrong name in my post.

When placing a centered background wrapping the entire shop (from before the header, before everything), it still causes it to be off-centre. All I can tell is that it needs to be within a div that is 606px wide (same as the shop width where the header image and other backgrounds have worked so far), but just for behind the drop menu and the footer, and not use a centered tag. Looks like I'll just have to live with the issue because I can't figure it out (and nobody else seems to be able to either).

Thanks for trying anyway, and good luck with your lovely templates :)

---

I think your best bet would be to create a new div, that is above the header, down to below the footer, and put the background image there. Then you don't have to worry about pixels being off here or there. :)

Hello, I have a question in regards to my main page. I have added some images my home page using the Define Pages Editor. It looks fine in IE7 and Firefox, but not IE6. In IE6, my sidebox displays below the main page images. Is there something in the CSS i need to address? Thanks for your help.
www.paperazzidesigns.com

I am trying to get the EZ pages to display underneath the define pages on the right hand side but they just display above. They are also displaying centred with bullets instead of the same formatting as the other list ie left aligned, without bullets.

What am I doing wrong? Thanks in advance

I am using version 1.3.7 and the AppleZen template. I have also posted this on the General forum, in the event this is not an Applezen specific issue.

Is there a setting to allow multiple products per row in the category listing? See page below. I would like the products to show side by side in two or three columns vs 1 vertical column. Any help would be appreciated.
http://www.aaadisplaygroup.com/index...ex&cPath=75_77