X-Cart forums

[dezzarray]

my boss in her infinite wisdom decided to show me how "easy" it is to edit the template and pooched it completely. it's way too freakin early to wrap my brain about the syntax and I for the life of me can't remember what the settings were.

A clue anyone?? Pretty please? I'll bake you cookies!

Here's what I have got
#center-main {
width:auto;
margin-bottom: 0;
position: relative;
overflow: visible;
padding-left: 250px;
margin-left: 25px;
float: right;


and this is what it looks like.. it's messed up the format. I hate it when people help

[photo]

Originally Posted by dezzarray

my boss in her infinite wisdom decided to show me how "easy" it is to edit the template and pooched it completely. it's way too freakin early to wrap my brain about the syntax and I for the life of me can't remember what the settings were.

A clue anyone?? Pretty please? I'll bake you cookies!

Here's what I have got
#center-main {
width:auto;
margin-bottom: 0;
position: relative;
overflow: visible;
padding-left: 250px;
margin-left: 25px;
float: right;


and this is what it looks like.. it's messed up the format. I hate it when people help

The following code makes it look fine in firefox, not sure about other browsers.

#center-main {
        margin-left:298px;
}

[dezzarray]

Damn it! In my 3 hours of sleep filled brain, I failed to notice that the header logo, tabs, and header 2 bar decided to move to a different location.

I have been staring at this code trying to see what changed but I can't. Note to self, never let boss touch anything ever.

Obviously it is supposed to be on the top but it has been a victim of gravity and meddling.

here is a truncated piece of code. it's big but I eliminated the players that are being good little css players

**
* page container
*/
#page-container {
min-height: 100%;
position: absolute;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/**
* page layout
*/
#content-container {
clear: both;
float: left;
overflow: visible;
position: relative;
width: 975px;
padding-bottom: 39px;
margin-top: 200px;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}

#center-main {
width:644px;
margin-bottom: 0;
position: relative;
overflow: visible;
margin-left: 150px;
float: right;
margin-right: 42px;
margin-top: 35px;
}
#header {
height: 140px;
position: absolute !important;
top: auto;
left: 0;
width: 100%;
}
#footer {
height: 130px;
width: 100%;
top: 10px;
position: relative !important;
bottom: 0;
overflow: hidden;
float: none;
margin-left: 123px;
}

* header styles
*/
#header .line1 {
position: relative;
height: 67px;
direction: ltr;
}
#header .line1 .logo {
padding-top: 40px;
margin-left: 120px;
width: 203px;
}
#header .line1 .logo a img {
width: 975px;
height: 157px;
}
/**
* header tabs
*/
.tabs {
position: absolute;
top: 0px;
right: 0px;
margin: 0px;
padding: 0px;
height: 25px;
width: 100%;
text-align: right;
}
.tabs ul {
margin: 0;
padding: 0;
list-style: none;
}
.tabs li {
float: right;
margin: 0 1px 0 0;
padding: 0;
background: transparent url(../images/tab_r.png) no-repeat right top;
height: 25px;


/**
* header line 2
*/
#header .line2 {
position: relative;
width: 975px;
top: 135px;
left: 123px;
border: none;
border-top: 3px solid #a7dff7;
border-bottom: 3px solid #a7dff7;
height: 25px;
background-color: #f08e3e;
color: #ffffff;
}


I am sorry to be a pest, but css is still a learning environment for me.

And I am serious about baking cookies

[Jon]

Looks like you got it fixed. If you do need any help - we do love cookies.

[ARW VISIONS]

Will Work For Chocolate Chips!!!