X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Head Logo (https://forum.x-cart.com/showthread.php?t=43888)

ARW VISIONS 01-27-2009 08:07 PM

Re: Head Logo
 
where did you add it?

HotrodOffroad 01-27-2009 08:12 PM

Re: Head Logo
 
main.css
page-container

BTW, was there supposed to be a link or something in your last post to bookmark and read?

ARW VISIONS 01-27-2009 08:17 PM

Re: Head Logo
 
oops sure was :oops:

http://www.w3schools.com/css/default.asp

please post your page-container and html,body css declarations.

HotrodOffroad 01-27-2009 08:19 PM

Re: Head Logo
 
Here you go... thanks
general tags styles
*/
html,body {
align: center; height: 100%; width: 900px;
background: #006633 url(images/golfsunsetshotbanner.jpg) no-repeat;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 780px;
border: 0px none;

/* page container */
#page-container {
min-height: 100%;
position: relative;
width:900px;
margin:0 auto 0 auto;
}

ARW VISIONS 01-27-2009 08:21 PM

Re: Head Logo
 
take the width out of the html,body.

ARW VISIONS 01-27-2009 08:22 PM

Re: Head Logo
 
here are mine and it works fine.

html,body {
height: 100%;
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
min-width: 780px;
border: 0px none;
}


#page-container {
min-height: 100%;
position: relative;
width:975px;
margin:0 auto 0 auto;
}

HotrodOffroad 01-27-2009 08:29 PM

Re: Head Logo
 
That was it.
Thanks again for the help. Hopefully I'll start catching on soon.

ARW VISIONS 01-27-2009 08:40 PM

Re: Head Logo
 
Ok cool. You had the html, body set to the same width as page-container, so there could be no margin because they were the same size.

So what we did was take the width out of the html,body tag, so they would go to their default 100% width.

This allowed for the margins on the page-container to be equal on both sides.

:) hope that helps a bit.

Christofer 04-09-2009 02:25 PM

Re: Head Logo
 
hey guys, i just installed my site and i center it by changing the page-containter with that :
#page-container {
min-height: 100%;
position: relative;
width:975px;
margin:0 auto 0 auto;
}

The problem is that with that way they site looks "weird". I think it needs a border. IF you don't understand look my old site to understand www.turbosim.gr

any way to do this?

Victor D 04-10-2009 12:09 AM

Re: Head Logo
 
copy this image www.turbosim.gr/oscommerce/images/background5.gif into skin1/images
and add in your css
Code:

body{
background: url(images/background5.gif) top left repeat;
}

and add border to #page-container:
Code:

#page-container {
border:1px solid #000;
background-color:#fff;
}


and


All times are GMT -8. The time now is 06:53 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.