Dear all,

I'm a new user of XOOPS2; I want to ask about how and what should I change the style.css to diminish the whole table to about 80% and center it in the browser and add a background image; such as the following link:-

http://sm23g.no-ip.com/

Thanks a lot.

Boaz

here is a commented css:
https://xoops.org/modules/smartfaq/faq.php?faqid=209

for the background image you should use "background-image:" for body

Thanks a lot. Although I not a programmer or lazy guy, it's too general for a new user; could anyone put it more specific; such as open which file and edit or add any codes onto it.

On the other hand, it's still could not put the table at horizontal center of the browser through the general guideline.

Could any body give me a hand?!

I don't use the default theme, but here's what you'll probably have to do:

Make Backups First!

1. Open the "themes" folder

2. Open the "default" folder

3. Open "style.css"

4. Add this line to the line that starts with "body"

background-image:url('images/yourimage.gif');}

You'll need to change the "yourimage.gif" to reflect your image's filename. I'd also put the file in the Default Theme's "images" folder. Any changes made to the style.css should also be copied to styleMAC.css and styleNN.css so that the site looks consistent in Firefox and on Macs.
-------------------------------------------------

I notice that the default theme also has a css folder. Don't know what the heck that's all about, but if the changes don't work for you altering the style.css in the main theme folder, you may have to monkey around with the style sheets in the "css" folder also.

Hi,

the previous post you shuld add:

background-image:url('images/yourimage.gif');

-whitout the "}" and it should be added inside the "{}" and after one of the ";"

As for the other part of the question - you could use "margin" value in the body. It could take percentage as well as pixel values. If you want different spaces in each side you could use margin-left; margin-right; margin-top; margin-bottom. If you want to make table 80% from top, bottom, left and right you could add

margin: 10%;

to the body tag as described for background image. If make it a little bit different you could do for example this:

margin: 20px; margin-left: 10%; margin-right: 10%;

This will give you 20 pixels at top and bottom (fixed) and 10% on each side (relative). You could experiment with diferent values to achive the result you want.

Hope this is more helpfull.

Thanks you very much!