How to create Image borders?

[bradlawson]

I have seen a couple postings on this subject with no firm answers. I can get the border on teh top and the bottom to show up but i can't figure out how to get it to repeat the 1px image on the side. If anyone knows how to do this i would REALLY appreciate a little guidence. Here is the Cart i am working on
http://www.thenaturaltreasure.com/Cart/


Thanks

Brad

[TinaS]

When I look at your site it is a little hard to tell exactly where you want these borders. Are you talking along the outside (the blueish border with drop shadow) - if so the easiest way would be to make a background image which is the width of your template and approx. 5px tall and then set it as the background for #contentMain with a repeat attribute.

If that is the wrong border, then please claify.

[Blue!]

Ok, kind of ontopic. I am trying to get a border along the right hand side of my content block, but I only want it to go along the right hand side. It's difficult to explain, but if you take a look I think you will understand what I mean:
Site

[TinaS]

Hmmm Blue - I am getting database connection error on your site.

But if I understand your question, this would be done by specifying border-right in the #contentMain of your style sheet.

Sample coding would be :
#contentMain{
border-right: 1px solid #000000}


Hope that helps!

[Blue!]

Wow, thank you, that is EXACTLY what I was trying to do. I just learnt something new =)

Hmmm Blue - I am getting database connection error on your site.

Yeah that'll be my silly hosting, I'll complain to them later.

[bradlawson]

TinaS,

I really appreciate your commnets. In my main site i use tables with a 1px repeat for the left and right border. The problem is how do you do that in CSS.

I am guessing that the code change is in the stylesheet_new.css
#navColumnOne {
padding: 0.5em;
border-left: 1px solid #cccccc;
{

I thought i coud change that to

{
a img border: url(../images/TMiddle750.gif);
background-repeat: repeat-y;
}


BUT that doesn't work, so if someone could explain why my fault is i woudl really appreciate it.

Thanks,

Brad

[bradlawson]

So i figure it out, most likely a stupid way, but in the end it is a way. I just added opened up the tpl_main_page.php and added as background to the side columns. You have to edit the file a special width for the right side but hey it works and know that i figure it out it shouldn't take long to do it again to another website. I know you all are thinking, USE CSS that is what is for, but i played around with it for hours with no luck so i have to go back to what i knew. But main reason for this post is to thank TinaS for trying explain it to me. If anyway wants more info and how i made it work just email me.

[TinaS]

Hi again - yup you are right everyone is gonna tell you to use the css - but hey if you got it to work for you that's what counts :)

Thanks for mentioning me in your reply - I am sorry I wasn't much more help.