Zen Cart Logo
Forums / General Questions / Sideboxes in the center...

Sideboxes in the center...

Locked

Views: 888

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
1 May 2007, 3:26 PM
#1
jasonchaste avatar

jasonchaste

New Zenner

Join Date:
Apr 2007
Posts:
2
Plugin Contributions:
0

Sideboxes in the center...

Hi,

Can anybody tell me how to make my side boxes stay at the top of may page, instead of centering themselves in the middle of my main page?

Thanks

1 May 2007, 3:32 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: Sideboxes in the center...

Jason,
Url please, so I can look at your sites problem..

3 May 2007, 8:43 PM
#3
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,179
Plugin Contributions:
0

Re: Sideboxes in the center...

Jason,
This should do the trick:
create a new stylesheet called stylesheet_new49
Place in includes/templates/your template/css/

Now since the stylesheet are outputted by order this will be the last in order. If you like the results you should know what to do. If need any more help just post here.

I cleaned up your stylesheet just a bit.
Enjoy...........

BODY {
background-image: url('http://www.4916.com/shop/images/');
color: #000000;
margin-bottom: 10px;
padding: 0px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
font-family: Arial;
margin: 0em;
}

.centershop {
background-image: url('http://www.4916.com/shop/images/');
color: #000000;
padding: 0px;
margin: auto;
position: relative;
text-align: left;
width: 750px !important;
}

TD.main, P.main {
font-size: 8px;
line-height: 1.5;
}

A {
color: #000000;
text-decoration: none;
}

A:hover {
color: #000000;
text-decoration: none;
}

FORM {
display: inline;
}

.banners {
padding: 15px;
}

/HEADER CSS/

TABLE.header {
background-color: #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff
}

TABLE.headerNavigation {
background-color: ffffff#;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
width: 100% !important
}

TD.headerNavigation {
position: relative;
vertical-align: middle;
font-family: Arial;
font-size: 10px;
font-weight: bold;
color: #000000;
letter-spacing: 1px;
padding: 5px;
}

TD.breadCrumb {
font-size: 10px;
font-weight: bold;
color: #000000;
padding: 3px;
border-bottom: 1px dotted #ffffff;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a {
font-weight: bold;
color: #000000;
}

TD.headerNavigation A:hover, td.footertop a:hover {
color: #ffffff;
}

TR.headerError {
background: #ffffff;
}

TD.headerError {
font-family: Arial Black;
font-size: 10px;
background: #ffffff;
color: #000000;
font-weight: bold;
text-align: center;
}

TR.headerInfo {
background: #ffffff;
}

TD.headerInfo {
font-family: Arial Black;
font-size: 10px;
background: #000000;
color: #000000;
font-weight: bold;
text-align: center;
}

/The main content classes/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/SIDEBOX CSS/

#navColumnOne {margin-top: 0em;}

.columnLeft, .columnRight {
background: #ffffff;
margin-top: 0em;
padding: 2px;
}

.boxText {
font-size: 10px;
line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox {
font-family: Arial Black;
font-size: 10px;
background: #ffffff;
border: 1px solid #ffffff;
margin-bottom: 15px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
font-family: Arial Black;
font-size: 12px;
background: #ffffff;
border: 1px solid #ffffff;
color: #000000;
margin-bottom: 0px;
padding: 3px;
height: 10px;
padding-left: 5px;

}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
color: #000000;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
background: #ffffff;
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
line-height: 125%;
padding: 4px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
background-color: #ffffff;
margin-bottom: 15px
}

.plainBox, .plainbox-description {
font-family: Arila Black;
font-size: 12px;
background: #000000;
border: 1px solid #ffffff;
padding: 5px;
}

.plainBoxHeading, TD.tableHeading {
font-size: 12px;
font-weight: bold;
padding: 0px 5px 5px;
}

.productListing-heading {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
}

TD.productlisting {
border:1px solid #ffffff;

}

TD.productlisting {
border: 1px solid #ffffff;
}

TD.productListing-data {
font-size: 10px;
padding: 5px;
}

/center main section
-----------------------------------
/
TD.pageHeading, DIV.pageHeading, h1 {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding-top: 11px;
}

.center_column {
padding: 8px;
}

.main_page {
width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #000000;
padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
background: #ffffff;
text-align: center;
font-size: 10px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

TR.footertop {
background: #ffffff url('none');
font-size: 11px;
background-image: url('none')
}

TD.footertop, TD.footerbottom {
padding: 5px;
}

/miscellaneous areas
-------------------------------------
/
TD.cartBox {
background: #000000;
font-size: 12px;
padding: 3px;
border: 1px dotted #000000;
}

TR.productListing-odd, TR.upcomingProducts-odd {
background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
background: #ffffff;
}

TD.productListing-data-description-odd {
background: #000000;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #000000;
}

TD.productListing-data-description-even {
background: #000000;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #000000;
}

td.pageresults a {
color: #000000;
}

td.pageresults a:hover {
background: #000000;
}

SPAN.newItemInCart {
color: #ffffff;
font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
font-size: 8px;
}

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-size: 12px;
}

.greetUser {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

SPAN.greetUser {
color: #000000;
font-weight: bold;
}

SPAN.markProductOutOfStock {
color: #000000;
font: bold 12px Impact;
}

span.normalprice {
text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
color: #000000;
}

span.productSpecialPriceSale {
color: #000000;
text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
font-size: 12px;
color: #000000;
}

.moduleRow { }

.moduleRowOver {
background-color: #D7E9F7;
cursor: pointer;
}

.moduleRowSelected {
background-color: #E9F4FC;
}

/* message box */

.messageBox {}

.messageStackError, .messageStackWarning, errorBox {
background-color: #000000;
color: #000000;
font-size: 8px;
padding: 4px;
border: 1px solid #000000;
}

.messageStackSuccess {
background-color: #b3ffa8;
padding: 2px;
border: 1px solid #9a9a9a;
}

.messageStackCaution {
font-family: Impact: 10px;
background-color: #ffff00;
}

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
font-weight: bold;
}

TD.ot-total-Amount {
font-weight: bold;
border-top: 1px solid #000000;
}

TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}

/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
color: #000000;
font-size: 12px;
text-align: left;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
border-top: 1px solid #000000;
}

/* General alert span class */

TD.alert, SPAN.alert {
color: #000000;
font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
color: #000000;
font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
background-color: #000000;
margin: 6px;
padding: 6px;
font: 10px Verdana, Arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
font-family: Impact;
font-size: 10px;
background: #000000;
border:1px solid #000000;
}

TD.categoriesdescription {
font-size: 10px;
line-height: 1.0;
}

/* categories box parent and child categories */
A.category-top {
color: #000000;
text-decoration: none;
}

A.category-links {
color: #000000;
text-decoration: none;
}

A.category-subs, A.category-products {
color: #000000;
text-decoration: none;
}

SPAN.category-subs-parent {
font-weight: bold;
}

SPAN.category-subs-selected {
font-weight: bold;
}

/* attribute images table /
TABLE.products-attributes-images {
/
width: 100%; /
/
border: 1px solid #000000; */
float: left;
padding: 2px;
}