XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / Centering Theme
Register
1
ccmd00d
Centering Theme

  • 2006/1/25 14:06

  • ccmd00d

  • Just popping in

  • Posts: 7

  • Since: 2006/1/18


Hi,

I downloaded the 1000AC theme and I want to modify it for my site. I was looking at the CSS file becuase i would like to center the website with margins on both sides. I opened up the style.css sheet and tried editing it

table {width: 100%; margin: 5; padding: 5; font-size: small;}

I changed the width to say 80% and it shrunk the page, however i do not know how to center it.

Can someone please help.


Thanks,

Derek
2
wizanda
Re: Centering Theme

  • 2006/1/25 19:46

  • wizanda

  • Home away from home

  • Posts: 1585

  • Since: 2004/3/21


Get a copy of Top Style Lite it free and is easy to use to add CSS

not sure if you need

table {
    width: 100%;
    margin: 5;
    padding: 5;
    font-size: small;
    text-align: center;
}


Or you can center the content of a block in html
3
eclypto
Re: Centering Theme

  • 2006/2/14 1:44

  • eclypto

  • Just popping in

  • Posts: 44

  • Since: 2004/7/24


I'm pretty sure that last entry did nothing for you as it would only center the text. I had this very same problem and found no one to help. After hours of research I found this

Add the below in your body tag (NOT THE TABLE TAG).

margin-left: auto; margin-right: auto;

Hope this works for your theme, and you should post your website so we can check up on how the site looks. Contact me personally if this does not work and we'll find a solution together.
www.eclypto.com ---love my site. LOVE IT!
4
shank
Re: Centering Theme

  • 2006/2/14 3:19

  • shank

  • Not too shy to talk

  • Posts: 144

  • Since: 2004/8/17


try adding align: center; to your css file and see if that works
s l s h a n k l e @ b e l l s o u t h . n e t
5
TottoBG
Re: Centering Theme

  • 2006/2/15 18:21

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


eclypto, that's the way it should be done for a css compliant browser, just as you mentioned:
width: 80%;
margin-left: auto;
margin-right: auto;

But because of some IE incompliancy you also need to add 'text-align: center;' to the body element (if there's no other block element outside the table) and then put back 'text-align: left;' or what you would need for the table element. If you use table for your base layout, another possible way is to put a 'div' element outside and give the old css incompliant property 'align="center"' to the table element.

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

246 user(s) are online (163 user(s) are browsing Support Forums)

Members: 0

Guests: 246

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits