style sheet questions

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

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".

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

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

These two lines can be combined to read like this:```
border: 1px dotted #9B11A1;

ok the site is https://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

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.

.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.:blush: 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.

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......

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

I have to scroll horizontially to see the entire site. In all browsers

Setting your #mainwrapper 100% will correct this (for all browsers) as will making any other "width" statements 100%.

a width of 1250px just seems excessive.

thanx clyde... changed it back to 100% didnt work but then i saw in another post... may have been you.... to change the stylesheetbackup i had to stylesheet.bak... of all people i should have known to do that... but then again... the simplest things often are the most difficult to find... thanx clyde.....

You got everything but #mainWrapper

heh... good eye... since the page didnt change i "assumed" i got everything.. thanx again clyde

Your sideboxes are wider than the side columns

The columns are 150px

The sideboxes are 175px

adjust those and I think everything should fit.

Hi,

You say you use IE7. You should immediately download a copy of a more standards-compliant browser -- I recommend Firefox. As a site developer you should have as many browsers as possible on your system for reviewing your site, including older versions of some of them. You might be amazed at what your site looks like in other browsers! For example, in Firefox on my Mac, below the scantily clad ladies, I see a thin, purple bordered, horizontal box that is wider than the window and a large black area below that with no content except the sideboxes. Is that what you see?

Rob

thanx rob for the advice.. clyde also mentioned the same thing.. i also use netscape to double check the site.. never thought of firefox.. is there a particular version that you guys suggest.... i've made websites for years and never thought of firefox.... the other sites have come out great.... at least I hope :D appreciate the input.. the new cart is coming along great and i am getting fantastic ideas for the older carts I've made.....

I ditto the browser suggestions....NEVER develop with IE...always develop with the most standard compliant browser for your platform and then tweak for the IE bugs