PDA

Click to See Complete Forum and Search --> : images instead of standart frame borders

Leav
09-14-2003, 11:58 PM
hello i have a website http://www28.brinkster.com/leav/index2.htm .

and i would like to use an image (the one in the main frame )as the image for the frame borders.
is that possible?

thanks, Leav
96turnerri
09-15-2003, 07:02 AM
is the image your on about the construction line (yellow and black), i was looking at your poll, can you please tell me how you did that i will help you with the other problem as much as is possible, if you do
pyro
09-15-2003, 07:25 AM
I could be mistaken, but I don't believe there is an easy way to use an image as a border background...
96turnerri
09-15-2003, 08:01 AM
no i dont think there is either but i want to know how to do that vote thing so im gonna do this for him whether its hard or not lol
pyro
09-15-2003, 08:03 AM
Voting will have to be done with a serverside language.
DaveSW
09-15-2003, 12:43 PM
how about 4 divs, width 100%, height 100%, using

background: url(constructionh.gif) left repeat y

in the first, and just changing the repeat direction and position for each side.

Then use frameborder="0"
Leav
09-16-2003, 09:19 AM
first of all

webwizguide (http://www.webwizguide.com)
has a great poll and login system PLUS ITS ALL FOR FREE!!!!!

and could you please post the code?
i have no idea what a div is (an explenation would be excellent as well)

thanks,
Leav
DaveSW
09-16-2003, 10:30 AM
http://www.emdevelopments.co.uk/demo/leav/

is a test page for you. It's quite complex css. What do you think?

Do you want to follow the frames exactly? if so, you'll just need to use the body attribute, and attach the style to that, as there need only be one border in each frame. Basically you need divs if you have more than one border on your page. With frames you can split the borders into each page in each frame.
DaveSW
09-16-2003, 10:31 AM
do you want the code explained?
Leav
09-19-2003, 08:04 AM
Oh My God!!!!

1) sorry for such a late post! (i was having a rough time at school, lots of start-of-year exams.

2) thats exactley what i wanted and i would appreciate it if you explained the code basicley (wrong spelling, please tell me how to spell that).

i want to start learning EVERYTHING computer related!!! :D
lol.:D

and ofcourse,
THANKS ALOT!
spykemitchell
09-20-2003, 06:02 AM
I reckon you could do it really easy with style sheets, just create a class and the put it into a TR bracket surrounding the entire table and it should work...

If you don't know what i mean i will try to show you....

Although DIV's are probably better...
DaveSW
09-20-2003, 03:08 PM
Sorry about the delay replying... we've had a computer virus through... So I've been working overtime :mad:

Anyways:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
html, body {
height: 100%;
}
sets body and html height to be 100%
body {
margin:0px;
padding:0px;
}
removes all margins etc around page
.back {
width: 100%;
height: 100%;
}
sets anything with a class of back to be 100% high and wide - all four divs.
#t {
position: absolute;
top: 0px;
left: 0px;
background: url(borderver.jpg) top repeat-x;
}
#r {
position: absolute;
top: 0px;
left: 0px;
background: url(borderverv.jpg) right repeat-y;
}
#b {
position: absolute;
top: 0px;
left: 0px;
background: url(borderver.jpg) bottom repeat-x;
}
#l {
position: absolute;
top: 0px;
left: 0px;
background: url(borderverv.jpg) left repeat-y;
}
t, b, r, and l (as in top, bottom etc) the four divs, are absolutely positioned (one on top of the other), using the background property to create a border on each side.
-->
</style>

</head>
<body>
<div class="back" id="t"> </div>
<div class="back" id="r"> </div>
<div class="back" id="b"> </div>
<div class="back" id="l"> </div>
all the divs controlled by the css. Note there are two file for the border - one horizontal one vertical. I also clipped your file so they tiled better
</body>
</html