Someone please help!!

[seethrou]

First, you are have two stylesheets, stylesheet_new.css and stylesheet_org.css.
It seems that you are using the version before ZC v1.3.5, please upgrade it to the current version as you still under development. It will save you time for the upgrade later.

Second, (I quote some of myself in the other topic),

you are using the default demo template - classic.
It is not wise to use it directly for your add on and modifications, it will be over wirte in the future upgrade. And you will create more troubles in upgrading.

Suggest to use your own template for that and it is easy.
My steps,
1. copy the classic template directory to a new template directory, called
includes/templates/classic_my

2. and modify the file, in your new template, for your own use
includes/templates/classic_1/template_info.php

$template_name = 'Classic Contemporary Green';

3. For example, to read as

$template_name = 'My Classic Contemporary Green';

It is only for example, you can change it to whatever you like.
And it will show up in the admin's Template Selection as a new template's title for selection.

Then within a minute or two, after the above steps, you can clone a template for your own use. It will not be overwrited in the upgrade.

And you have a new template and the path is:
includes/templates/classic_my

Return to your issue,

From recall, I had answered your question for this before for I remember the golden mirror image.
Please give more detail.
Now, you have 2 set of images of mirrors. One is golden and the other is purple and they both show up and overlap.

What is the exact effect for the sidebox which you want to achieve?
Do you want to use the golden one or the purple one?
Or, do you want to have a Mirror inside another Mirror?

[raindark]

Hello,

ok I inserted two images in my sideboxes. The first problem is that the images overlapped when I took ou the featured products box, and the second problem is I just cant get them aligned. I want the top box to be where the second one is . And I would like for the categories to fit in the boxes. I have resized them many times but that doesnt work. Thanks..

http://www.veryprrettythings.com

[barco57]

well isn't this a quandry (sp?) Firefox makes this difficult to troubleshoot with its edit css feature as it doesn't handle relative paths to images well, basically is they disappear. So with that said when you turn off the background images you see that the sidebox content are lined up all the way down, no overlap, so we know that it is working correctly. The problem is with the sidebox background images as you can see here:

#navColumnOne {
       margin:0;
       background-image:url(../images/sidetop-3.jpg);
       background-repeat:no-repeat;
       padding: 1.3em 1.2em;
}
	

#navColumnOneWrapper {
      background-image:url(../images/sidebottom-4.jpg);
      background-repeat:no-repeat;
      background-position:bottom;
      padding: 0.6em 0.7em 0.4em 0.6em
}

You have the images tied to 2 different things, so of course they don't work together. So when you turn off the one box the column shrunk and the image tied to the bottom of that column moved up.
I would implement this differently. I would go through and figure out all class and ids for the different boxes, including the one for the shopping cart which doesn't appear until something is in the cart (if your gonna use it).
Then the box that you want to be at the top would have the fancy header (Scroller thingy) for the border-top and border-left, -right would be set to double and no border-bottom defined.
Then the next boxes in the lineup would have no top or bottom borders, only border-left, -right.
The last box would have the opposite setup as the top box, no border-top, only sides and bottom.
The classes and ids for the boxes is in the code but not always in the stylesheet, that is the homework make a list of all of them.

Implementing them this way would make them dynamic, they would work when you add more content to them. As they are now if you add more content to them then can fit you would have to redo the images. What a pain that would be.
Hope I made some sense and gave you some info you can use

[raindark]

Thanks . I understand what you are saying and it makes sense but i am confused by classes. I am not familiar with coding or anything dealing with websites for that matter , How would I start to define the classes or find out whats what?

Thanks for the advice..

[kobra]

Get firefox and the web developers extentions available at the FF site, You might also like the ardvark plugin.

With these you can set them to show the information is several ways and therefore be able to make a list of the sideboxes that you are displaying. You only have to select the top most box to always be the top and the bottom to always be the bottom through the order function in the layoutboxes controller in the admin.

[raindark]

I really need some assistance. I have been working at this for a while now and I m just frustrated. I asked for advice before but I really didnt get it. My side boxes are overlapping and I cant figure out how to fix them. I would just like them aligned and have the words fit properly. Can someone please tell me what I"m missing or what I have to change. This is my url http://www.veryprrettythings.com


I appreciate any help I can get!

[waveneybooks]

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.5em;
}

Try making the above font size smaller ie 1.0em

[kobra]

Did you get FireFox & the web developers extention?
You still have these attached to elements that do not work with each other as barco stated.

In addition

Have you looked at your images?
The following image that you are using as a top image has a bottom black divider and it is attached to #navColumnOne which is only the container for your sideboxes
includes/templates/classic/images/sidetop-3.jpg


The following image has a top black divider and a bottom black divider and is not what would be considered a "bottom image"
You have it attached to the #navColumnOneWrapper which is contained inside the #navColumnOne div
includes/templates/classic/images/sidebottom-4.jpg

Both are padded causing the alighment issue
The images are not apropriate for what you are attempting to do

You need to edit the graphics, then attach them to the proper side boxes

[seethrou]

@ raindark

We know that you have problems. However, please follow up your own questions and topics created by yourself.

Create more topics for a similar ptoblem will only cause more confuses to yourself.



***All threads have been merged***

.

[barco57]

As was alluded to before you are trying to use static images as backgrounds for dynamic side boxes. This will not work that way. I don't have time right now to explain it again but I will take a crack at it tommorrow. But in the mean time please give me a list of the sideboxes you are going to use and the order from top to bottom you want them in.