Ok, so im just making my site, but with my news script as you can see it brings some images apart. I know with css you can have images repeat themselves, or even just absolute position them, because i dont want my left nav bar to continue on forever when it doesnt need to, but i also dont want my news to seperate the bar from the top and the bottom.

Im using tables right now.

Is there a way that i can use css to position these images and then position my table(which includes my news.php script inside of it) so that the website still appears as it does now but with only the news continuing on instead of that whole row?

my website is http://kobk.demiseuo.com

Is there a way that i can use css to position these images and then position my table

I'm not quite sure what you're asking. What does "these images" refer to?

An example of positioning background images is as follows:

#element {
     background: url(../images/example.gif) 20px 15px repeat-y; 
/* note: 20px to the right, 15px down, and repeating downward only */
}

the other repeat options are repeat-x, or no-repeat. leaving this space blank causes it to repeat in both directions until it fills the screen.

why don't you learn about the CSS box model instead of using tables?

these images refers to the navigation bar on the left side of my website.

And id like the whole page to be css. is there a positioning where i can put

position <----phpinclude---->
width:
height:

so its the same as it is while inside my table?

id like to not use tables at all as i know it makes loading the page take longer etc...

the backround is solid black so i dont need to position that.

ok so i think i get what you were saying. Instead of slicing that image just use the whole thing as a backround, is there a way though that i can just have it not repeat but black continue on instead of the image repeating itsself?

Ok, first, I don't see ANY navigation bar on your site, so that makes it hard to help you.

Set the background color to black either on the body or on a "wrapper" that holds the rest of your content. Then you can use the non-repeating image as a background to just one section.

Some of CSS design is using a bit of smoke and mirrors to get the look you want

Hello Hungry & All -

You're getting good advice here to throw out the tables and do it with CSS. I took an "X-ray" (see below -- it's done using the Web Developer plugin for Firefox) of your site and found as many as four tables nested inside one another in the current mark up (this is shown in the top white field in the illustration). Whew. An unnecessary pain. So...


Above, the Web Developer extension has created an "X-ray" of your site showing outlines around both table cells, and div elements. Oddly, you have 5 div elements in the center of 4 nested tables. I opened an information box for the column at left (yellow box), because I am thinking that is where you want your navigation. It shows now as a TD (table cell) that is 192px wide -- you mark that same width up using CSS, and perhaps a floating div.

• Learn the CSS Box model... it will be much simpler to produce this page using that concept. See: Article
• Draw the minimum number of rectangular boxes you think you would need to piece this page together. ie. One for top "banner" area, one for left nav (is that where you wanted navigation?), one for main content area, etc.
• Using the CSS for "div" elements, create a div for each of those rectangular boxes. Give them all a border, just while you are learning, so you can see their edges on the screen. Then turn off the borders when you have what you want. It helped me, when learning CSS, to work a rough layout out on paper first, sketching in rectangles for CSS "box" areas.

Best of success -
Scott