Printable View
I wish to use a background image as a common background for my application which consists of 3 frames. How can I realize this?
Code:<frameset rows="38%,54%,*" border=0>
<frame name="top" src="operator.asp" frameborder=0 scrolling=auto>
<frameset cols="50%,*">
<frame name="venstre" src="intro.htm" frameborder=0>
<frame name="right" src="blank.htm" frameborder=0>
</frameset>
</frameset>
DO you mean have one background, then all subsequent frames be transparent. If so you should be able to do it something like this, but it only works in Mozilla at the moment:
If you just mean each page has the same background try adding something like this to each document in the head:Code:<head>
<style type="text/css"><!--
frameset, frame { background: transparent; }
--></style>
</head>
<frameset rows="38%,54%,*" border=0 style="background:blue;">
<frame name="top" src="operator.asp" frameborder=0 scrolling=auto>
<frameset cols="50%,*">
<frame name="venstre" src="intro.htm" frameborder=0>
<frame name="right" src="blank.htm" frameborder=0>
</frameset>
</frameset>
Then in the file "style.css" add this:Code:<link rel="stylesheet" type="text/css" href="style.css">
Code:background-image:url("Image.png");
I mean a background image which covers the entire screen.
Then use the first suggestion. But as I say IE and (I think) Opera won't work with properly this. I think there maybe a proprieatry tag for IE that will let it be transparent. I'm pretty sure there is for iframes, so there maybe for frames too.