PDA

View Full Version : Changing a border line to image



masterofollies
Aug 30th, 2007, 06:09 AM
Hi, I have been trying to figure something out, and have been messing up pretty bad. One of the 3 frames is here


td.left {

width: 180px;

border-right: solid 1px black;

}

I want to instead of having a black line, to have it a image line that I created. It's located in (images/bartest.jpg) Any idea how this would work? I used background and it messed up badly. Thanks

_Aerospace_Eng_
Aug 30th, 2007, 06:12 AM
Set it as a background image repeat y in the top right.

masterofollies
Aug 30th, 2007, 07:02 PM
So you mean


background-image: url(images/bartest.jpg) repeat: y;

_Aerospace_Eng_
Aug 30th, 2007, 11:33 PM
If you used the right syntax then yes but you didn't so background:url(images/bartest.jpg) top right repeat-y; should work.

masterofollies
Aug 31st, 2007, 02:01 AM
Ok I tried yours, and tried tweaking it, and it's repeating it's self, instead of a single line. It gave me about 25 of them. Here is a screenshot of what happened.
http://img248.imageshack.us/my.php?image=sskz0.jpg

PappaJohn
Aug 31st, 2007, 02:25 AM
Did you do what _Aero_ suggested? Specifically repeat-y;?

masterofollies
Aug 31st, 2007, 03:36 AM
Yeah I had it like this


td.left {

background:url(images/bartest.jpg) top right repeat-y;

width: 180px;

border-right: solid 1px black;

}

_Aerospace_Eng_
Aug 31st, 2007, 05:40 AM
Post a link to your site please.

masterofollies
Aug 31st, 2007, 06:04 AM
You'd have to create an account and login to see it, and most people on forums refuse to do that.

_Aerospace_Eng_
Aug 31st, 2007, 06:21 AM
Can you not set up a test page? Login to the forum, view source, copy and paste into new html document, upload it and give us the url to that? Help us help you.

masterofollies
Aug 31st, 2007, 06:46 PM
td.top {

border-bottom: solid 2px black;

}

td.left {

width: 180px;

border-right: solid 2px black;

}

td.right {

width: 180px;

border-left: solid 2px black;

}



<td rowspan="2" class="left"><table width="100%">

<td rowspan="2" class="right"><table width="100%">


The td.top is one of these two


<td class="middle" valign="top"><table width="100%">

<td class="top" colspan="3">

masterofollies
Sep 2nd, 2007, 02:38 AM
*bump* :)