Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Head Logo

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #31  
Old 01-27-2009, 08:07 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Head Logo

where did you add it?
__________________
xcart 5.1.2
Reply With Quote
  #32  
Old 01-27-2009, 08:12 PM
 
HotrodOffroad HotrodOffroad is offline
 

Member
  
Join Date: Dec 2008
Posts: 16
 

Default 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?
__________________
4.2 My site
Fancy Categories

4.2 Customer site
Fancy Categories
Reply With Quote
  #33  
Old 01-27-2009, 08:17 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Head Logo

oops sure was

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

please post your page-container and html,body css declarations.
__________________
xcart 5.1.2
Reply With Quote
  #34  
Old 01-27-2009, 08:19 PM
 
HotrodOffroad HotrodOffroad is offline
 

Member
  
Join Date: Dec 2008
Posts: 16
 

Default 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;
}
__________________
4.2 My site
Fancy Categories

4.2 Customer site
Fancy Categories
Reply With Quote
  #35  
Old 01-27-2009, 08:21 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Head Logo

take the width out of the html,body.
__________________
xcart 5.1.2
Reply With Quote
  #36  
Old 01-27-2009, 08:22 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default 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;
}
__________________
xcart 5.1.2
Reply With Quote
  #37  
Old 01-27-2009, 08:29 PM
 
HotrodOffroad HotrodOffroad is offline
 

Member
  
Join Date: Dec 2008
Posts: 16
 

Default Re: Head Logo

That was it.
Thanks again for the help. Hopefully I'll start catching on soon.
__________________
4.2 My site
Fancy Categories

4.2 Customer site
Fancy Categories
Reply With Quote
  #38  
Old 01-27-2009, 08:40 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default 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.
__________________
xcart 5.1.2
Reply With Quote
  #39  
Old 04-09-2009, 02:25 PM
 
Christofer Christofer is offline
 

eXpert
  
Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202
 

Default 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?
__________________
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote
  #40  
Old 04-10-2009, 12:09 AM
  Victor D's Avatar 
Victor D Victor D is offline
 

X-Adept
  
Join Date: Aug 2008
Posts: 643
 

Default 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
__________________
Regards,
Victor Dubiniuk

X-Cart Skins Store
- twenty two different skins for 4.1.x and 4.2.x;
- 4.3.x compatible versions are available;
- refresh you store now!

Smart menu X-Cart add-on for 4.1.8 - 4.3.x
Featured Products Slide Show X-Cart add-on for 4.1.8 - 4.3.x
Reply With Quote

The following user thanks Victor D for this useful post:
Christofer (04-11-2009)
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:01 AM.

   

 
X-Cart forums © 2001-2020