style sheet questions

[g0d4lm1ty]

i have seen a few zencart sites with dotted lines around the actual catalog page in the middle. i looked into the css file... what is the correct verbiage to make it dotted?

also... in the css file it talks about px border top and bottom... what about right and left? i would like a 3d effect on my sideboxes... bottom and left padding would do that.... i tried 0px, 2px, 0px, 2px assuming the 4th px would be right.. it didnt work....

also... on my footer... i created a footer image in the css... but it is slightly padded on the top with what appears to be the tile_back.gif ... i cant for the life of me find where that is coming from...


thanks in advance

[kuroi]

These questions are difficult to answer without answers or sight of your site. But I can address the second. Whenyou see four figures such as in border: 1px 2px 3px 4px; they read clockwise from the top, so the fourth is actually "left".

[kobra]

Me mate is correct and from your description this could be many things...taking a gusess if you want the center column with a dotted border this code will do this. you might have to add space to other things to set it off the correct amount.

.centerColumn {
	background-color: #FFF0F5;
	border: 1px dotted;
	border-color: #9B11A1;
	}

Of course you can adjust the colors and other things

[barco57]

.centerColumn {
	background-color: #FFF0F5;
	border: 1px dotted;
	border-color: #9B11A1;
	}

These two lines can be combined to read like this:

border: 1px dotted #9B11A1;

[g0d4lm1ty]

ok the site is www.yourlingerieparty.com look at the footer... for the last question about the padding... as far as the sideboxes... the padding on the bottom is

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 5px solid #9a9a9a;
border-bottom: 5px solid #ffffff;

i want it on the left side as well so that it looks a little 3d...
i tried just border: without the border-right:


any ideas? thanks again

[clydejones]

Why do you need an image that is 1250px wide?

#footer {
background-image: url(../images/footer.gif);
background-repeat: repeat-x;
margin: 0em;
color: #000000
text-align: center;
float: center;
padding: 0em;
width: 1250px;
}

Why not make the overall width 100% then you wont get the overruns I'm seeing.

[clydejones]

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 5px solid #9a9a9a; remove this
border-bottom: 5px solid #ffffff;
border-left: 5px solid #ffffff; add this

i want it on the left side as well so that it looks a little 3d...
i tried just border: without the border-right:

remove the border: declaration
and add border-left: 5px solid #ffffff;

[kuroi]

These questions are difficult to answer without answers or sight of your site.

What was I writing? It should have read "difficult to answer without examples" and of course I'd already been looking at your site in response to another of your questions. Apologies. Fortunately you have been getting good advice from people less sleep-deprived than me.

[g0d4lm1ty]

i tried to do 100% and nothing happened.... i did 100% on another site i have (it worked great) but this site seems to want to respond to px instead..... btw... what overruns are you seeing... i am using ie7.... it looks fine... of course not everyone uses ie.... I appreciate your help......

[g0d4lm1ty]

kuroi, no problem.... one of the things i love about zencart is the support forum. you guys are the best... another question i asked got me an answer to some of my problems in this question.. i am a fast learner..... this is my 4th zen site... altho this one i am pushing the envelope to see what zen cart really has to offer. I have seen templates for sale that are very very nice... i want to learn how to do those myself.... btw clyde... thanx for the advice... dotted lines working now got the border on the sideboxes and because of an answer in another thread the bottom is no longer wrapped... i am still interested, however, in knowing what overruns you saw and what browser so that i may correct them.. thanx