Forums / Templates, Stylesheets, Page Layout / best seller side box

best seller side box

Locked

Views: 1,939

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
11 Jul 2007, 5:39 PM
#1
fairview avatar

fairview

New Zenner

Join Date:
Dec 2006
Posts:
42
Plugin Contributions:
0

best seller side box

Okay here is what I have now (which is better than before IMO). I would like for everything in the best sellers box to line up with the text in the other side boxes.
**www.heavenlycreationsoklahoma.com**
my stylesheet for the bestsellers is:

#bestsellers .wrapper {margin: 0em 0em 0em 1.5em;}
#bestsellers ol {display: inline;}
#bestsellers li {padding: 0; margin: 0em 0em 0em 0em; list-style-type: none;}

I imagine that this is part of the problem as I'm sure it's not correct. Also in the admin settings I just deleted the default =   in the layout settings area.

Thanks for your help!!

11 Jul 2007, 8:09 PM
#2
kuroi avatar

kuroi

Totally Zenned

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

Re: best seller side box

Just change these two lines as highlighted:> #bestsellers .wrapper {margin: 0}

#bestsellers ol {display: inline;padding:0}

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

11 Jul 2007, 9:10 PM
#3
fairview avatar

fairview

New Zenner

Join Date:
Dec 2006
Posts:
42
Plugin Contributions:
0

Re: best seller side box

Okay I changed that and it is getting closer but some of the text is still off a bit. Is there another place I should be changing also?

12 Jul 2007, 6:51 PM
#4
fairview avatar

fairview

New Zenner

Join Date:
Dec 2006
Posts:
42
Plugin Contributions:
0

Re: best seller side box

I'm still having troubles with this. Does anyone have any more suggestions? I'm starting to think I might just take it off completely.

12 Jul 2007, 6:53 PM
#5
kuroi avatar

kuroi

Totally Zenned

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

Re: best seller side box

Which browser are you looking at it in, and can you define "off a bit"?

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

12 Jul 2007, 7:36 PM
#6
kuroi avatar

kuroi

Totally Zenned

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

Re: best seller side box

Aha. If you're looking at this through Internet Explorer, then there are some problems. These are due to IEs sometimes dodgy handling of inline elements that overflow their line (can't blame them really). You may wish to try this> #bestsellers ol {display:block;margin:0;padding:0}

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

13 Jul 2007, 12:14 AM
#7
fairview avatar

fairview

New Zenner

Join Date:
Dec 2006
Posts:
42
Plugin Contributions:
0

Re: best seller side box

Thank you so much! It looks wonderful now. I never even thought to tell you which browser I was using.

13 Jul 2007, 10:49 AM
#8
kuroi avatar

kuroi

Totally Zenned

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

Re: best seller side box

While we're here, on wide screens you have a partial repeat of your logo. You may wish to change> #headerBackground {width: 100%; height: 83px; background: url(../images/bg_header.jpg) repeat-x #88a0c2;}into

#headerBackground {width: 100%; height: 83px; background: #88a0c2 url(../images/bg_header.jpg) no-repeat;}The color is moved for correct ordering, but the main change is to explicitly suppress the horizontal repeat.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)