Border Image around Table

[Guest]

I have added the contribution for fixed width/center site and have been successful at adding a background image. I would now like to add an image as the border around the main content box similar to what a nested table would be. Any help would be most appreciated.

[♥Vger]

If you are using my contribution (Fixed Width Site With CSS) then you edit this part of the stylesheet:

 

.fixcenter {

width: 770px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

to something like this:

 

border-image:url('images/yourimage.gif');

 

Vger

[Guest]

If you are using my contribution (Fixed Width Site With CSS) then you edit this part of the stylesheet:

 

.fixcenter {

width: 770px;

border: solid; border-width: 1px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

}

 

to something like this:

 

border-image:url('images/yourimage.gif');

 

Vger

[Guest]

Thank you for the reply. I'm not sure I understand exactly what you mean. This is the code I have:

 

.fixcenter {

width: 758px;

border: solid; border-width: 20px;

background: #ffffff;

color: #000000;

margin: auto;

margin-top: 20px;

text-align: left;

border-image:url('images/apple-tosstile.gif');

 

Instead of the apples I have a solid black border. I'm just not familiar enough to know which part needs to be omitted or changed.

 

Thanks again!

[♥14steve14]

As a guess i would try removint the border: solid; border-width: 20px;

as you are trying to call for a border twice.

 

It might not be correct, but i am vger will be along soon to help you out.

[Guest]

As a guess i would try removint the border: solid; border-width: 20px;

as you are trying to call for a border twice.

 

It might not be correct, but i am vger will be along soon to help you out.

 

 

Thanks for the suggestion. I tried it, but it didn't work. That actually removes the entire border. Any other recommendations?

[Guest]

Thanks for the suggestion. I tried it, but it didn't work. That actually removes the entire border. Any other recommendations?

 

 

I still have not figured this out...any other suggestions?????

[homeandfamily]

I am new at all of this, but I have managed to get this to work with the Fixed With Site With CSS contribution. Don't ask how I figured this out... it was really just plug and play and a bit of luck. I may have some additional unnecessary code. The following has worked for me, so hopefully it will work for you too.

 

To the header.php file... replace

<div class="fixcenter">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="headerNavigation">

or whatever it is you have there

 

with

<div class="fixcenter">
<div align="center">
<table border="1"  BORDERCOLOR="#ffffff" width="800" cellpadding="0" cellspacing="15" background="images/image1.gif">
<tr><td>
<div align="center">
<table border="0" BORDERCOLOR="#ffffff" width="100%" CELLSPACING="0" CELLPADDING="0" >
<tr><td bgcolor="ffffff" bordercolor="#ffffff">
<table border="0" width="100%"><tr><td bgcolor="#ffffff">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">
 <tr class="headerNavigation">

 

Also... I changed in the stylesheet...

.fixcenter {
 width: 850px;
 border: 7px;
 background: #ffffff;
 margin: auto;
 margin-top: 0px;
 text-align: left;
}