HTML - Iframe And Css Background
Hey,
I use an external css style sheet for my website but I use iframes on my pages to keep the text within the design. On my style sheet I have a background picture. What would be the easiest way to override the background image w/ a color for this iframe? Thanks. Similar Tutorials<IFRAME SRC="leo.html" margin="0" FRAMEBORDER="0" style="background-color: black;" NAME="main" width="790" height="480" scrolling="--"></iframe> When I load just a picture into the frame, just simply a jpg as a link into the frame the background is black in mozilla/ff but white in IE? Any suggestions? Thanks, Leo Hi everybody! I always try to avoid the use of IFRAMEs, but in this case I had to insert the weather forecast coming from another site. This "source" website has an api which allows one to choose the background of the IFRAME, so no problems with the actual background indeed... but on IE 7 I see an ugly white spot if I set the "height" of the IFRAME to something bigger than the actual height of the content. (see attachment) This does represent a problem, since the actual content is variable in size, and thus I wanted to allow for some padding. I googled for the solution, but the only thing I can find is "how to set the background to transparent" which is not what I need. I tryed it anyway, as seen in following code: HTML Code: <iframe scrolling="no" frameborder=0 style="width:200px;height:490px;background-color:#000000;color:#000000;" allowtransparency="true" src="http://www.ilmeteo.it/box/previsioni.php?citta=5155&type=mps1&width=200&ico=1&lang=ita&days=3&font=Arial&fontsize=12&bg=000000&fg=FFFFFF&bgtitle=FF0000&fgtitle=FFFFFF&bgtab=E8F000&fglink=1773C2"> </iframe> The real problem is that I have no control on that white area, not even by setting bgcolor=black or style="background: black;"... Any ideas would be greatly appreciated! hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. Is it possible to put a smaller background image on top (like in layers) of my old background image? I have a background image, but I want to put a smaller image on top of that one, but for it to be treated also as background image. This image is a black vertical rectangle, but is faded on the edges to give a transparency, so its a .png. So ultimately what I am trying to do is put this black rectanlge on top of my original background image and with the transparency on the edges of this image, be able to see my original background image. How can I do so? Also what I was thinking was that this faded background would be scaled to fit different screen sizes, so do "width: 75%"? Just so that it ALWAYS stays at 75% no matter what screen size it is viewed on. Is this the right approach towards getting this result? I am currently redoing my fraternity school website and I am having a problem with my iFrame. I want scrolling bars but not on the pages that don't necessarily need them. I set the scrolling to "Auto" and decreased the table size of the pages that are supposed to be loaded into the iFrame but this doesn't remove the scrolling bars. Any help is greatly appreciated. Here is the link: http://apa.org.msstate.edu/ Good night, good night! An iframe on my site, it will (for the moment I am without much sweat!). But then is it possible to center the iframe (without scrollbar) on a specific part of the external site? In my case, I focus my iframe on the frame where the text scrolls from bottom to top And the second point, I thing the configuration so that when one clicks on a link from an external site seen in the iframe, the page from an external site opens in a new window (the story people stay on my site while meeting their needs)? Thank you for your answers ... It may be unclear. In this case, please let me know, I do not realize. Hello, I'm having trouble solving a problem involving frames in IE7. On this page, in IE7 only, I get a large frame with a jumble of images below it. However, the same page looks perfect in Firefox. Additionally, this page works fine in IE7. It uses frames as well...?! Is there something wrong with my HTML code? Please help. Thanks in advance, echotree how come my iframe code doesnt work is this correct?? <IFRAME SRC="http://www.xanga.com/miiew.html" WIDTH=630 HEIGHT=505 FRAMEBORDER=0 SCROLLING=YES ALIGN=LEFT HSPACE=15 VSPACE=15></IFRAME> thanks =] Hi I'm making a website for a project at college and we have to insert a iframe which creates a scrollbar in the content area. But how to I add content/test to make the scroll bar work? The scroll is showing, but is showing but its faded out because there isn't any text for it to scroll down. This is the code I'm using. ><iframe frameborder="0" name="content" height="500" width="798" scrolling="yes" marginheight="0" marginwidth="0" src ="michael_1.html"></iframe> i'm having trouble a site that i'm trying to create. what i want to do is not make a different page for each section of the of my contents.(building a site that displays my art works) and because i have a background image i do not want to have the pages loading and loading. so i went with iframes (target and name). my website is 800X600 and i have my contents spread out. the only problem that i have is that once i try to view a different section, the previous contents are still there. for example if i had rollovers small thumbnail images on the right of my site for my illustrations and i want to view my art works under graphic design, which the roll overs are at the left part of my page, the illustration section is still there. how do i correct this problem? I'm trying to put an iframe on my site, that will display a certain area of another person's site. If i grab the demensions of the site chunk I need, would an iframe be able to display them on my site? Hi all, I'm working on my first transparent iFrame. I know this is basic stuff for alot of people, but for me, it's a big challenge. I have knowledge of html coding and I am trying to extend my learning into creating iFrames. I'm wondering if someone could step by step this for me as far as correct placement of my frame, how to make it transparent and how to make the scroll bar the same color as my background. My content page is 'content.html' and main page is 'index.html' See what I have so far at: penmorecastle.com Thank you in advance for your help! Hey, I'm trying to get my guilds website up. And I'm stuck. http://squeezingavocados.urli.net/ As you see the iFrame in the middle has a scrollbar, but I want the scrollbar away, and instead of just hiding the rest of the text in it, I want the iFrame to expand downwards, and in the same time expand the middle text "image", it is expandable, it wont pixelrate or anything, how can i do this. (Btw I use adobe photoshop and dremweaver) I was wondering if there was a way for my iframe located on my website (which is currently loading google.com) to automatically load the specific part of the google webpage I want it to. In other words, when I go to my website, in the iframe I would like to see a specific part of a website located in the middle of the site. Right now the iframe is set to load the page at the top left corner when the size of the iframe is 200 by 200 pixels. Because of this small iframe, it is vital that I only see the part of the webpage I want to see so I dont have to scroll around in the iframe to find it. I hope someone understands what I mean... Thanks, JT I am new at html & have built a site that uses iframes. I am having an issue of with refreshing the entire browser content. I have several pages that are inserted into the iframe that contain links that need to do one of the following things: 1. Replace the entire page, replacing the entire content of the page (main.html) including the iframe content. 2. Open a new browser window that contains the information. As of right now, the page that needs to refresh the browser window is being shoved into the iframe. Please help! I have tried the following code & it still puts the new html into the iframe window <a target="_top" href="newpage.html"> Thanks in advance! Spencer I have created an html page that calls another html page into an iframe. I've never used iframe before, so please forgive my ignorance. It was recommended to me by a friend of mine to use for this particular project. Anyway, the document being 'imported' needs scroll bars vertically but shouldn't horizontally. I have set scroll to 'auto'. The width of the iframe is 320 px. The document that I'm calling in is about 260 px. I've tried putting the child document contents in a table of varying sizes from 280-320 px and still get horizontal scroll bars when viewing on the PC using Internet Explorer. I've eliminated the table and just placed the text into the html doc using <span class = "">. No other browsers that I've tested Mac or PC have the horizontal scroll. Is there a way to target and eliminate just the horizontal scroll in iframe? Or, is there something I can do to the child document to remove the horizontal scroll when imported assuming that the area that it's being imported to is 320 px wide? Perhaps there's another method altogether that would work better for me? I originally used textarea, but it did not work for my purpose(s) because I need to apply formatting, ie <b></b>, to certain lines of text. Thanks in advance - sleepydad Can someone tell me why that white lines around iframe appears? That only happens in E.I.? How do I get rid of them? link: http://gonoba.tomazmraz.com/eng/index.html |