Sideboxes

[Big's Bikini]

I want the right column to go on the right side of the picture and text but it wont go?

Second, how do i change the colors of the box and text?

[Big's Bikini]

here is the site

http://bigsbikinibikebath.com/index.php?main_page=index

[gjh42]

How about a link so we can see the problem? If the right column is not already on the right, you have something non-standard and we can't know what it is.
...OK thanks! :)

[gjh42]

From View Source:

<div id="indexDefaultMainContent" class="content"><a href="http://www.bigsbikinibikebath.com/"><strong><img src="images/Big'sStore.jpg" alt="Big's Bikini Bike Bath" title=Welcome to Big's Bikini Bike Bath's Online Store!</strong> </a></div>

The <img tag is not closed, and this is messing up for several lines afterwards.
Also, the title is not in quotes.

Having an apostrophe in a filename is very bad practice, and in some cases will cause fatal errors. Eliminate all of those.

images/Big'sStore.jpg

[Big's Bikini]

ok thank. could you take a look at it now because the boxes are like outside the page

http://bigsbikinibikebath.com/index.php?main_page=index

[Big's Bikini]

and about the colors and text. can u chance those?

[gjh42]

You have an image in the center column that is too big for the space available. Either make your site larger/flexible width, or make the image narrower.

The sidebox headers are an image (tile_back.gif), and you can change this in a graphics editing program like Photoshop. Otherwise, you can eliminate the background-image from .leftBoxHeading and .rightBoxHeading and use background-color and border properties.

To find the exact selectors to edit, get Firefox and its Web Developer extension. The Information > Display Element Information button will show classes, ids, ancestors, etc. for any element you click on. The CSS > Edit CSS button will let you see instantly the effects of stylesheet changes.

[Big's Bikini]

ok thanks it has been a lot of help. just one more thing. how do u change the site width?

[gjh42]

In your stylesheet, find #mainWrapper and change
width: 750px;
to
width: 100%;
or whatever you want.
You may also need to change the way header graphics work, depending on your particular layout.

[Big's Bikini]

thanks again but i have one more. i created a new image to use for the sideboxess instead of the tile_back.gif.
where do i put my new image?