Main page background image problem!

[tsaurus]

I haven't scaled the dimensions properly yet but instead of using a small strip and repeating, I wanted to just plonk the largescale image in there

The image is here : http://goodair.com.au/includes/templ...ge/testbox.gif

btw do you have msn messenger ?

[kobra]

Consider that the content is dynamic and can change in amount based upon several things and why a fluid layout is preferable...

But to insert this image: find this in your css

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

and change to this

.centerColumn {
	background-image: url(../images/main_page/testbox.gif);
        background-repeat: none;
	border: 1px solid;
	border-color: #000000;
	margin: 3em;
	padding: 0.8em;
	}

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

Adjust the margins & padding to acheive the placement that you want, you can also use/add margin-left or right or top & bottom for more precise placement

Then enter this in the admin > tools > define page editor > main_page.php file

<img src="includes/templates/gloss_blue/images/main_page/box1.gif">
<img src="includes/templates/demo/images/welcome.png">
<img src="includes/templates/gloss_blue/images/main_page/summerspecials.gif">
<img  src="includes/templates/gloss_blue/images/main_page/exdemo.gif">
<img  src="includes/templates/gloss_blue/images/main_page/contact.gif">

Add styling...or use the html editor and the place image function

No messenger but email at my signature

[kobra]

Scrap this part of define main page code

<img src="includes/templates/demo/images/welcome.png">

[tsaurus]

Thanks kobra!

It worked :) I was just looking at that section thinking it had to be here being labelled the centercolumn, just don't have enough experience to work out. I'm usually learning by modifying existing code so not really sure yet how to add new things in.

About the tables, at the moment I'm using tables just to position the images etc around the page. I understand css is more efficient your replacement code just shows, but how do I go about positioning items? Is it to do with padding?

And is there some information somewhere on this website that talks about padding and how to manipulate it?

Thanks Kobra,

Appreciate the time you've spent helping out.

[kobra]

The items in the defines editor can be colored, font changed etc by using the html editor. place line spaces, left align center or right align,,,like a word processor of sorts. Or you can hand code it.

[tsaurus]

Got it,

cheers (Y)

[kobra]

If you manually do the

img.....
img..../><br>
img...

As long as there is space. the first 2 will be inline(same line). add the /><br> to the tail/end of the second img and the next will be below