Im trying to get myself an Iframe to my page, the adress to the page is <!-- m --><a class="postlink" href="http://live4u.tk">http://live4u.tk</a><!-- m --><br />
<br />
In the center red area i have created a new table, but how tha hell do i get an Iframe with a transperant background.?<br />
And the background shall be fixed so it dosent move when you sroll...<br />
<br />
Someone plz help, ive been up all night just to figure out how to...<br />
<br />
<br />
/HIM<!--content-->huh? I don't see any iframe or table in fact<!--content-->Well if you press the first picture, you will enter the main page... In the red section of the page there shall be a table, but i heavent uploaded that new updated page until i know what the code is for the transperant scrollbar<br />
<br />
/Him<!--content-->http://www.pcreview.co.uk/showthread.php?postid=18262#post18262<br />
<!--content-->Originally posted by HIM <br />
Well if you press the first picture, you will enter the main page... In the red section of the page there shall be a table, but i heavent uploaded that new updated page until i know what the code is for the transperant scrollbar<br />
<br />
/Him <br />
press first picture? I don't see a picture, I see a broken image.<br />
<br />
also how can you have scrollbar problems if you don't even have the code to use?<!--content-->I dont know... its so ****ed... the thing is that ive never used an Iframe before... So im heavin' BIG PROBLEMS
<br />
<br />
<br />
But, i might just **** it... Im gonna have a try later this night...<br />
<br />
But thanks for your help<!--content-->did you even look at the link i posted?<!--content-->Personally, I've had problems with the allowtransparency="yes" thing before. It didn't seem to be friendly with older versions of IE (like what's on MAC's). Anyway, the background for the iframe is usually set by the document that is placed into the iframe. What I'd do, is take the center section of your background...the reddish rectangle. Make a css file called like iframes.css or something like that. In that css file, do this:<br />
<br />
body, html{<br />
background-image:url(../images/image.jpg);<br />
background-repeat:no-repeat;<br />
background-attachment:fixed;<br />
}<br />
<br />
replace the "../images/image.jpg" with the path and name of your image, relative to the css file.<br />
Next, link the iframes.css file to the html files that will be put inside the iframe.<br />
<br />
Then just make sure that your iframe has no borders (frameborder="0"), and if you do not want the scrollbar, add this: scrolling="no" and make sure that whatever you put in the iframe FITS in the iframe. Also, in the iframes.css you could define the colors of the scrollbars if you want, but it will only work in IE.<!--content-->Dude, you have to give me some serious help here...<br />
Now the page looks like this <!-- m --><a class="postlink" href="http://live4u.tk">http://live4u.tk</a><!-- m --><br />
<br />
When I work on the page in dreamweaver, the fixed picture onside the scroller just wont stick to the background...<br />
<br />
So whats wrong... im loosing my mind on this crappy page!<!--content-->Well, first off, the src for the iframe should not be a jpg...it should be a web page. Like a .html, or .php or something. If you just want to display a picture there, you don't need an iframe. The CSS that I gave you should be applied to the .html file that you set as the iframe src. For example, make a file called framesrc.html, and put this in it:<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><br />
<head><br />
<title>Iframe Test</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br />
<link href=http://www.htmlforums.com/archive/index.php/"iframes.css" rel="stylesheet" type="text/css" /><br />
</head><br />
<br />
<body><br />
<p>This is the test page. If you see this, it is working.</p><br />
<p>This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.</p><br />
</body><br />
</html><br />
<br />
Then make a file called iframes.css and put this in it:<br />
<br />
body, html{<br />
background-image:url("textareamain1.jpg");<br />
background-repeat:no-repeat;<br />
background-attachment:fixed;<br />
}<br />
<br />
Then set the src= <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/on">http://www.htmlforums.com/archive/index.php/on</a><!-- m --> your iframe tag to src="framesrc.html"<br />
<br />
Then upload all the files (the framesrc.html, iframes.css, textareamain1.jpg, and the main page - index.html) into the same dir. If you have more problems, re-post here with a link to the updated page.<!--content-->
<br />
In the center red area i have created a new table, but how tha hell do i get an Iframe with a transperant background.?<br />
And the background shall be fixed so it dosent move when you sroll...<br />
<br />
Someone plz help, ive been up all night just to figure out how to...<br />
<br />
<br />
/HIM<!--content-->huh? I don't see any iframe or table in fact<!--content-->Well if you press the first picture, you will enter the main page... In the red section of the page there shall be a table, but i heavent uploaded that new updated page until i know what the code is for the transperant scrollbar<br />
<br />
/Him<!--content-->http://www.pcreview.co.uk/showthread.php?postid=18262#post18262<br />
<!--content-->Originally posted by HIM <br />Well if you press the first picture, you will enter the main page... In the red section of the page there shall be a table, but i heavent uploaded that new updated page until i know what the code is for the transperant scrollbar<br />
<br />
/Him <br />
press first picture? I don't see a picture, I see a broken image.<br />
<br />
also how can you have scrollbar problems if you don't even have the code to use?<!--content-->I dont know... its so ****ed... the thing is that ive never used an Iframe before... So im heavin' BIG PROBLEMS
<br /><br />
<br />
But, i might just **** it... Im gonna have a try later this night...<br />
<br />
But thanks for your help<!--content-->did you even look at the link i posted?<!--content-->Personally, I've had problems with the allowtransparency="yes" thing before. It didn't seem to be friendly with older versions of IE (like what's on MAC's). Anyway, the background for the iframe is usually set by the document that is placed into the iframe. What I'd do, is take the center section of your background...the reddish rectangle. Make a css file called like iframes.css or something like that. In that css file, do this:<br />
<br />
body, html{<br />
background-image:url(../images/image.jpg);<br />
background-repeat:no-repeat;<br />
background-attachment:fixed;<br />
}<br />
<br />
replace the "../images/image.jpg" with the path and name of your image, relative to the css file.<br />
Next, link the iframes.css file to the html files that will be put inside the iframe.<br />
<br />
Then just make sure that your iframe has no borders (frameborder="0"), and if you do not want the scrollbar, add this: scrolling="no" and make sure that whatever you put in the iframe FITS in the iframe. Also, in the iframes.css you could define the colors of the scrollbars if you want, but it will only work in IE.<!--content-->Dude, you have to give me some serious help here...<br />
Now the page looks like this <!-- m --><a class="postlink" href="http://live4u.tk">http://live4u.tk</a><!-- m --><br />
<br />
When I work on the page in dreamweaver, the fixed picture onside the scroller just wont stick to the background...<br />
<br />
So whats wrong... im loosing my mind on this crappy page!<!--content-->Well, first off, the src for the iframe should not be a jpg...it should be a web page. Like a .html, or .php or something. If you just want to display a picture there, you don't need an iframe. The CSS that I gave you should be applied to the .html file that you set as the iframe src. For example, make a file called framesrc.html, and put this in it:<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><br />
<head><br />
<title>Iframe Test</title><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br />
<link href=http://www.htmlforums.com/archive/index.php/"iframes.css" rel="stylesheet" type="text/css" /><br />
</head><br />
<br />
<body><br />
<p>This is the test page. If you see this, it is working.</p><br />
<p>This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.<br />
This is to cause it to scroll to see if the picture stays put.</p><br />
</body><br />
</html><br />
<br />
Then make a file called iframes.css and put this in it:<br />
<br />
body, html{<br />
background-image:url("textareamain1.jpg");<br />
background-repeat:no-repeat;<br />
background-attachment:fixed;<br />
}<br />
<br />
Then set the src= <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/on">http://www.htmlforums.com/archive/index.php/on</a><!-- m --> your iframe tag to src="framesrc.html"<br />
<br />
Then upload all the files (the framesrc.html, iframes.css, textareamain1.jpg, and the main page - index.html) into the same dir. If you have more problems, re-post here with a link to the updated page.<!--content-->