images instead of standart frame borders

admin

Administrator
Staff member
hello i have a website <!-- m --><a class="postlink" href="http://www28.brinkster.com/leav/index2.htm">http://www28.brinkster.com/leav/index2.htm</a><!-- m --> .<br />
<br />
and i would like to use an image (the one in the main frame )as the image for the frame borders.<br />
is that possible?<br />
<br />
thanks, Leav<!--content-->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<!--content-->I could be mistaken, but I don't believe there is an easy way to use an image as a border background...<!--content-->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<!--content-->Voting will have to be done with a serverside language.<!--content-->how about 4 divs, width 100%, height 100%, using <br />
<br />
background: url(constructionh.gif) left repeat y<br />
<br />
in the first, and just changing the repeat direction and position for each side.<br />
<br />
Then use frameborder="0"<!--content-->first of all<br />
<br />
webwizguide (<!-- m --><a class="postlink" href="http://www.webwizguide.com">http://www.webwizguide.com</a><!-- m -->) <br />
has a great poll and login system PLUS ITS ALL FOR FREE!!!!!<br />
<br />
and could you please post the code?<br />
i have no idea what a div is (an explenation would be excellent as well)<br />
<br />
thanks,<br />
Leav<!--content-->http://www.emdevelopments.co.uk/demo/leav/<br />
<br />
is a test page for you. It's quite complex css. What do you think?<br />
<br />
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.<!--content-->do you want the code explained?<!--content-->Oh My God!!!!<br />
<br />
1) sorry for such a late post! (i was having a rough time at school, lots of start-of-year exams.<br />
<br />
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).<br />
<br />
i want to start learning EVERYTHING computer related!!! :D <br />
lol.:D <br />
<br />
and ofcourse,<br />
THANKS ALOT!<!--content-->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...<br />
<br />
If you don't know what i mean i will try to show you....<br />
<br />
Although DIV's are probably better...<!--content-->Sorry about the delay replying... we've had a computer virus through... So I've been working overtime :mad: <br />
<br />
Anyways:<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br />
"http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<title>Untitled</title><br />
<style type="text/css"><br />
<!--<br />
html, body {<br />
height: 100%;<br />
}<br />
sets body and html height to be 100%<br />
body {<br />
margin:0px;<br />
padding:0px;<br />
}<br />
removes all margins etc around page<br />
.back {<br />
width: 100%;<br />
height: 100%;<br />
}<br />
sets anything with a class of back to be 100% high and wide - all four divs. <br />
#t {<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
background: url(borderver.jpg) top repeat-x;<br />
}<br />
#r {<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
background: url(borderverv.jpg) right repeat-y;<br />
}<br />
#b {<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
background: url(borderver.jpg) bottom repeat-x;<br />
}<br />
#l {<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
background: url(borderverv.jpg) left repeat-y;<br />
}<br />
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.<br />
--><br />
</style><br />
<br />
</head><br />
<body><br />
<div class="back" id="t"> </div><br />
<div class="back" id="r"> </div><br />
<div class="back" id="b"> </div><br />
<div class="back" id="l"> </div><br />
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<br />
</body><br />
</html<!--content-->
 
Back
Top