Zen Cart Logo

Positon Side Boxes

Locked

Views: 868

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
28 Dec 2007, 11:20 PM
#1
arliss61 avatar

arliss61

New Zenner

Join Date:
Oct 2007
Posts:
29
Plugin Contributions:
0

Positon Side Boxes

Hi all,

Doing some tidy up of my site and have had a continuing problem getting my right side boxes to behave.

For some reason they have decided to position themselves about midway down the page in the right hand column depending on page length

For example on the main page
charcool.com/shop/index.php?main_page=index

Cosmetically I would like them to tuck up neatly at the top of the page like the boxes on the left.

I am sure this must be a simple setting but try as I might I just can't find it.

All help appreciate and a prosperous New Year to all Zenners!

28 Dec 2007, 11:58 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Positon Side Boxes

Adding #navColumnTwo {vertical-align:top} to your stylesheet should do that for you. Though there are also rather a lot of validation errors that also ought to be dealt with.

29 Dec 2007, 11:46 PM
#3
arliss61 avatar

arliss61

New Zenner

Join Date:
Oct 2007
Posts:
29
Plugin Contributions:
0

Re: Positon Side Boxes

Hi Kuroi

Thanks for the code works perfectly and thanks for drawing the validation errors to my notice. I ran a check on the W3 site and it sure ain't pretty!!!

There are 6 css errors and 5 css warnings plus something like 250 HTML errors.

In my ignorance I made a big mistake and purchased a template through one of the template sites in the US.

I now know better but when you stump up the money you just keep digging :smile:! So I have persevered.

Most of the coding errors belong to them so I have 3 problems.

Since I didn't code it in the first place, I mostly have no idea where/which document or file the errors are in to fix them. Clearly they are mostly non critical/not obvious (ie I didn't know they were there) or I'd have had to ask the helpful Zen folk for assistance like in this case.

Secondly I don't have a good enough grasp of the code to know what they should be! For example

95 LABEL, h4.optionName Property line-min-height doesn't exist : 1.5em

So should I change the size to one that does exist or is the size OK but I just need to create it somewhere. If so where?

Bit of a pickle!!!

As you know Zen Cart is a pretty powerful beast but there are a lot of files with similar names in different directories all doing their own little bit so it is quite confusing for the unwary.

Anyway, thanks again for the solution (one down and 280 to go :smile: !). Now I know about these errors I'll do a bit of research one by one and hopefully whittle them down.

cheers and happy New Year

29 Dec 2007, 11:59 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Positon Side Boxes

Hmmm. I'm sorry but I don't really agree with your assessment. The template provider has habitually failed to close the BR tags properly, but most browsers will cope OK with that. The more serious errors that could break browsers are, I'm afraid, to be found in the text that you have inserted in the middle panel.

The one to really hit is the H1 tags in the middle of a paragraph right at the top of this section. If you remove the P tag before this and the FONT tags just inside, I suspect that this will undo a cascade effect that is building up.

Then you will want to something about what appear to be a whole succession P tags opened but not closed.

Remember that even if the browser that you are using can make sense of this, other people's browsers might not, and it may confuse the search engines too.

30 Dec 2007, 9:01 PM
#5
arliss61 avatar

arliss61

New Zenner

Join Date:
Oct 2007
Posts:
29
Plugin Contributions:
0

Re: Positon Side Boxes

Hi

Thanks again. OK understand now.

I was looking at volume <br> because I guess I don't understand quality :huh: !

I just started using H1 because I found it in a quick HTML tutorial and it seemed to work. Couldn't work out how to change the font to bold and another colour in the css.

Also not closing <p> was just lazy I know but it didn't seem to make any difference so I developed a bad habit by the looks of it. :oops:

Now you have told me that these are bad....thanks. I'll go in and fix them.

And I truly appreciate the feedback. This is the first time I have done any of this so I am pretty proud that it hasn't brought down the entire internet :clap: but I know it isn't very elegant so your feedback is fabulous.

cheers again. It's good of you to take the time.