Template border help

[Chrispy]

Hey guys, making a basic template here, and I need a bit of assistance!

I've got all the panes worked out and all, but I'm trying to get a border on the left and right side of the margin.

For example, here's what it looks like now:



I want it to have two borders like this (I did this in Paint):



Hit me up a PM and I'll send you the template.

Also, for some reason I can't get a background image going on in the background. Dunno if it's my code or if it's the image.

Anyways just PM me if you might know what the prob is.

Oh, and ignore the line messup I did on the right side of image #2.

Thanks.

[.Simon.]

Why would you want to add that border?

Looks better without it IMO ;P

[Chrispy]

Hmm, you may have a point there.

Still got the background image thing to work out though.

[.Simon.]

are you using css or standard html?

[Chrispy]

I'm using CSS.

[code]body {
margin: 0px 150px 0px 150px;
background: #FBFBEF url(images/bg.gif);
background-repeat: repeat;
}[/quote]

I never see a background image though.

I've tried using these variants too:

/images/bg.gif
images\bg.gif
etc. etc.

The background .gif is just a small 4 x 4 .gif with diagonal lines that tile (seamless image).

[.Simon.]

In that case, can't you use:

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


If its going to repeat, you don't need to specify a background colour do you?

[.Simon.]

just tried your way out and it worked for me.

[Chrispy]

It for some reason didn't work for me, still?

Meh, I'll just send you the template. Tell me if you want to look at it and I'll send you it.

[atholon]

dude just make a container div and stick the border as 1.

<div id="sitecontainer">
your stuff
</div>

#sitecontainer
{
border: 1px solid #C0C0C;
}

[Chrispy]

Thanks ath for the bg.gif error thing (forgot about it having to be in the same location/directory as style .css). Thanks for the container too.

[atholon]

Nps

[SilentTrigger]

Doesn't have to be in the same place as the css file, but you need to give the right address in the css file.


/images/bg.gif would be the directory called images in the toplevel (equal to putting it at c:\images\bg.gif on windows while the .css file is at c:\my documents\site\css)

images/bg.gif would be the directory seen from the place of the .css file. (equal to c:\my documents\site\css\images\bg.gif

Probebly a crappy explanation, sorry about that.

[atholon]

Yeah you just have to get the path right... his was wrong

[Chrispy]

Ah okay, cool. No it was a good explanation SilentTrigger.

When I sent my template to ath he did a major facelift on it, and now I'm just modifying little bits on it.

Here's what it looks like now:



For some reason at the top the padding seems to be quite big (I haven't even added padding in the .css - it happens when I use paragraph tags, etc.). Don't worry, I'll get it sorted.

Dunno what I'm gonna use this template for. Guess it's just a learning experience or something.

[.Simon.]

*coughphotoshopcough*

[Chrispy]

Haha.

[Lakie]

id like to know what was so bad about <table><tr><td> that we all of a sudden had to use css to make tables, back in my day you used CSS to make text pretty, none of this bloody container div stuff

I miss HTML

[atholon]

Tables were only meant to format text, not graphics and crap.

NTM they are way more cluttery. DIV boxes let you completely modify the layout with CSS... which is much harder with tables.

[Chrispy]

I learnt to use DIVs instead of tables. Everyone says tables are slow.

But every webpage source I look at, there's always so many tables in them lol.

[atholon]

I did it on my site in a few places because there are places where divs don't cut it.