Thank you for the info clydejones.
Thank you for the info clydejones.
Ok i got the shadow border working. But there is 1 problem, the alignment of the whole body became left. I tried adding text-align: center to the css of #shadow and #mainWrapper but it's still the same. Here is the link:
http://www.wordfortheworldlp.org/zencart
Another question what if I make another border shadow on the footer area, is it still possible?
Ok i got it fixed but it's really weird. #shadow should be added to some group of #s like:
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper, #shadow{
margin: auto;
}
You left of the right and left margins. right now you have the margins set to 0.
add what is highlighted in the shadow declaration. You can adjust this as needed.
Code:#shadow { width: 860px; margin: 0 70px; background: url(../images/bg_.gif); text-align: center; }Do you mean stopping the "main Shadow" above the bottom navigation bar and then adding a "footer Shadow"? Yes, this is possible. You'd just have to adjust where the "main shadow <div> closes and the "footer shadow <div> opens.Another question what if I make another border shadow on the footer area, is it still possible?
Yes I got your point on that div closing. Thanks.Do you mean stopping the "main Shadow" above the bottom navigation bar and then adding a "footer Shadow"? Yes, this is possible. You'd just have to adjust where the "main shadow <div> closes and the "footer shadow <div> opens.
Bookmarks