|
HTML - Trouble With Iframe
I am currently working on a site and I can't figure out this IFRAME for the life of me. The initial news page works (yes, it is named new.htm) I got the links to work with mouseover as I wanted, but if I click any of the links the page will load, but the frame for the site doesn't come along with the page. Like I said, the site works perfectly and looks like I want it to on the initial load.
Similar TutorialsHi, I am putting together a quick site, I don't normally use iframes but wanted to use it for a forum so I could imbed it into my theme. When I use the iframe code: Code: <iframe src="http://www.mypokerbuds.com/Forum" width="675px" height="1000px" frameborder="0"> It works great, but the bottom graphic of my template is missing, you can see the forum page he http://www.mypokerbuds.com/Forum.htm On the homepage you can see what the bottom graphic is suppose to look like: http://www.mypokerbuds.com/index.html Does anyone know what is causing this graphic to not show up? Thanks, Nick Hi everyone, I have a ajax contact form at http://nbveincare.com/contact3.php which is only partly visible . Tabbing through the fields will show all the fields, but there is some problem with proper sizing. Would anyone mind taking a look at this and giving me some pointers on what to do next? Thank you, Dan Hi All! We have a webapp running in Resin using Wicket 1.3. We used an iframe in one of our pages, for credit card 3D authentication, so that the visible URL won't change. <iframe id="ifrm" name="ifrm" src="images/3DForm.html" frameborder="0" > </frame> This seems to be working fine, except that in Firefox 2.0, the height attribute is all crazy. If we set height="100%" or "auto", the frame opens up with a height of abt 2 inches. Setting a pixel count as height increases height, but since it's not dynamic, doesn't really give us what we want. (Since there are a frew more pages of varying sizes that are displayed on thgis iframe.) Setting the inline style attributes 'height' didn't help either. But on IE 6, setting height=100% or 'auto' seems to work fine. Any help u cud give us on this wud be greatly appreciated. Or, if anyone knows a better way to go for 3D Auth, without changing the address-bar url, pls let us know. Thank you! So... I am making a website to learn some web design but I am having trouble. On this wesbite, the main site is composed of a layout, and all the links and whatever get opened in an Iframe. There is a nav bar on the left with links like "Music, Videos, Games" etc... and on the music section there is alot of music files (that I am hosting) to listen to. What I want to do is embed an object on the main frame, the one with the Iframe on it, and when you click one of the songs, instead of downloading it (or playing it in a new page) it plays it in the embed. I have looked for a few sites, most of them arent compatible with IE7 and Firefox at the same time... which is important (Mainly firefox though =] ) I need some help All my music files are stored in ".../Files/Music/" and the iframe is set up in the Index.htm, which links to "Music.htm" which has about 60 links to music, which I dont want people to download, I want them to be there to listen to! 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 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! 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. 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' First, I'm no expert, but I can work my way around a bit of HTML If you're familiar with myspace pages, great! I'm working on a band profile, which is trickier than a user profile (at least, if you want it to look legit): http://www.myspace.com/489097511 It still needs a lot of work, but the reason I'm looking for help is the bottom of the page (user information, online now, last logged in, general info...etc) I'm curious as to how I can place a layer over it, on which I can post whatever I want I can't seem to get a div to cover that area, and if I do, it only ever appears under all the info I want to cover. Any help is much appreciated! Basically, I am making a website for someone but I am having a bit of DIV trouble. The part I am having trouble with is the content box. I have a content box that I need to be fixed (width) and it needs to stretch vertically when there is content on the page that will overfill the original page. There is then a div under this content which is a footer type image. This needs to move down when the content fills the above box.. I can't get this too work, all it does is strech horizontally, and when I stretch it vertically it just shows up blank... Any ideas? I am currently working on a website for my fraternity and am using geocities as a temp service to get my site correct before I get a .org name. For some reason Internet Explorer won't show anything, but when you use Mozilla it shows up just fine. I checked to see if it was just geocities that was messed up, but it did the same thing with cjb.net, so I'm stumped. I don't know what's wrong with my code, everything seems fine, there's no deprecated tags or anything of that nature. Here's a link to the website. Any help would be greatly appreciated. Dear friends i have in big trouble. so i want yours help. i make one website. i put there many HTML codes. i put there .. not image click HTML code .. now when i configuration my main page the HTML codes not opend. but i do inside pages configurations. but i put ,,, not image click HTML code ,,, on main page so i want give me HTML code i put on my site. they all HTML code stoped working or dead .when i delet ... not image click HTML code ... after i remove HTML stoped working code. i hope some 1 help me awatings yours Hi I'm trying to make a menu that has sub-menus within it. It will be a vertical menu and right now I'm still working it out so it's not as graphically pleasing as I intend it to be. But before I go any further in the menu I'm trying to figure out how to get the submenu to have links in it. I was just wondering if someone could lend their input on how to get the sub-menus to have links.Here's the Code(I included the style in the page)- Code: <html>
<head><style>
#menu {
width:100px;
text-align:center;
position:absolute;
left: 50px;
margin:2em auto;
z-index:99999;
border-right:10px #000000;
}
.box {
position:relative;
z-index: 99999;
border-right:10px #000000;
}
#menu a, #menu a:visited {
text-decoration:none;
background-color:#fff;
color:#c00;
display:block;
width:140px;
height:21px;
font-size:14px;
border:1px solid #fff;
border-right:10px #000000;
padding:5px;
}
* html #menu a, * html #menu a:visited {
width:150px;
height:35px;
w\idth:88px;
he\ight:16px;
border-right:10px #000000;
}
#menu a span {
display:none;
}
#menu a:hover {
border-right:10px #000000;
}
#menu a:hover span.left,
#menu a:hover span.right { /*outside area of arrow*/
display:block;
position:absolute;
height:0;
width:0;
overflow:hidden;
border-top:8px solid #fff;
border-bottom:8px solid #fff;
}
#menu a:hover span.left { /*arrow*/
left:5px;
top:5px;
border-left:8px solid #c00;
}
#menu a:hover span.right {
left:150px;
top:5px;
border-right:8px solid #c00;
}
* html #menu a:hover span.left,
* html #menu a:hover span.right {
width:8px;
height:16px;
w\idth:0;
he\ight:0;
}
#menu a:hover span.lk { /* extra infor spot*/
display:block;
position:absolute;
left:140px;
top:0;
padding:5px;
width:150px;
background-color:#fff;
color:#000;
border:1px solid #234;
}
</style></head><body>
<div id="menu" style="z-index:9999999;">
<br><br><br><br><br>
<div class="box">
<a href="#nogo">Item 1
<span class="left"></span>
<span class="right"></span>
<span class="lk">
Description of link 1
</span>
</a>
</div>
<div class="box">
<a href="#nogo">Item 2
<span class="left"></span>
<span class="right"></span>
<span class="lk">
Description of link 2
</span>
</a>
</div>
<div class="box">
<a href="#nogo">Item 3
<span class="left">dhsf</span>
<span class="right">dshsdg</span>
<span class="lk">
Description of link 3
</span>
</a>
</div>
<div class="box">
<a href="#nogo">Item 4
<span class="left"></span>
<span class="right"></span>
<span class="lk">
Description of link 4
</span>
</a>
</div>
<div class="box">
<a href="#nogo">Item 5
<span class="left"></span>
<span class="right"></span>
<span class="lk">
Description of link 5
</span>
</a>
</div>
</div>
</div></body><html>
Thanks for your input. It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this: http://www.htmlforums.com/attachment...1&d=1202333562 The other half I get it correctly: http://www.htmlforums.com/attachment...1&d=1202333599 Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox. okay so i made a upload form with submit button one problem..i want to make it so its only mp3.. i went to the other rooms but no one knew how! here's the code! Code: <font face="Verdana" color="ff0000"> Warning:</font><font face="Verdana" color="000000"> .mp3 files only!!!</font> <form action="http://yourdomain.com" method="post" encType="multipart/form-data" /> <input type="hidden" name="Max_File_Size" value="500" class="file" /> <input type="file" /> <br> <input type="submit" value="Upload"> </br> </form> and i want to change it so that you can only upload mp3's! I have this coding: <table style="display:inline;border-collapse:collapse;border:0"><tr> <td style="padding:0"><img src="transparent.gif" align="center" width="1" height="200" style="background:red"> </td></tr></table> But the red line is on the top left when I need it in the center middle.....can someone please help me get it into the center middle..or is there another way of making that line but more easy and simple? Thanks! I'm having trouble getting the same look for my site in both Firefox and IE. Currently, the site looks great in Firefox. It looks just as I would like it. The nav links are all lined up on the left, and the login area is nice. However, when I view it in IE, things are different. The nav links all seem to be centered somehow, causing them to not line up very well. The login area is not as tidy either - the text input boxes are different sizes, even though they are both marked to hold 10 characters. Anyone have any idea how I can get the look that is working in Firefox to also work in IE? The website URL is www.learn-korean-now.com Thanks. Hi, Im sorry about this embarrassing problem lol. Im having trouble with some tables im putting on my page. Im basically wanting to place a table in the top left hand side of the page... and a seperate table on the Right hand side of the page. But i dont know how to do that because it obviously goes underneath eachother lol I have attached a jpeg to show you how id like my tables . if somebody could help me with the code that would be great .. thanks Scott I am trying to create a website that scrolls the content in a div container when the user hovers over an up/down arrow (image). I had it working, then I wrote a js that auto detected the res and adjusted the style left: to the appropriate position so the page would be centered. text-align doesnt work because of my absolute positioning. Now that my script is in there and it auto aligns, it does not scroll no more. Any suggestions? Thanks in advance!! my site is http://dx-designz.com/beta/vintage_v1.htm thanks again!! So I'm more of a hardware/SEO/PPC guy, but lately I've been doing some script for a small business site, and have gotten stuck. the site im working on is: http://www.theskincareclinic.com Im trying to get the bottom icons to site closer together, but with the current table, I can't seem to do it. I tried some java nav menu solutions, but with no success. I want the menu items to not stick out further than the flash object, but I also cannot have any kind of graphic filler, as the right column of the page will have content. if anyone has a solution, whether it be html or a java megamenu, please help me. here is the current page code: Code: <table width="898" border="0" align="center" cellpadding="0" cellspacing="0" class="TopTable2">
<tr>
<td width="4" height="450" bgcolor="91B4DF"> </td>
<td bgcolor="#FFFFFF"><table width="890" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" class="flash">
<div align="left">
<script language="JavaScript">
document.write('<EMBED src="/flash/flash.swf" quality="high" wmode="transparent" WIDTH="531" HEIGHT="316" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">');
document.write('</EMBED>'); </script><script type="text/javascript" src="/fixit.js"></script>
<br>
</div>
<div align="left" class="call-us"><img src="images_/callus.gif" width="531" height="41"></div>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" class="home-list">
<tr>
<td width="185"><ul>
<li>
<h1><a href="/default.asp?contentID=545" target="_parent"><font size="1"><u>Acne Solutions</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=536" target="_parent"><font size="1"><u>Botox</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=543" target="_parent"><font size="1"><u>Vela Shape</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=603" target="_parent"><font size="1"><u>Foam Sclerotherapy</u></a></font></h1>
</li>
</ul></td>
<td width="205"><ul>
<li>
<h1><a href="/default.asp?contentID=523" target="_parent"><font size="1"><u>Rosacea(Redness)</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=584" target="_parent"><font size="1"><u>Facial Rejuvenation </u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=537" target="_parent"><font size="1"><u>Laser Hair Removal</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=550" target="_parent"><font size="1"><u>Medical-Grade Peels</u></a></font></h1>
</li>
</ul></td>
<td width="237"><ul>
<li>
<h1><a href="/default.asp?contentID=522" target="_parent"><font size="1"><u>Hyperpigmentation</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=607" target="_parent"><font size="1"><u>Cosmeceuticals</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=523" target="_parent"><font size="1"><u>Medical-Grade Fillers</u></a></font></h1>
</li>
<li>
<h1><a href="/default.asp?contentID=537" target="_parent"><font size="1"><u>Scar/Stretchmark Removal</u></a></font></h1>
</li>
</ul></td>
<td align="center" width="340">
<div align="center">
<body>
<a href="/default.asp?contentID=556" target="_parent">
<img border="0" alt="Current Specials" src="/img/tscc/TSCC_current_specials_mouseoff.jpg" align="center" height="60" width="150" id="b1"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<br>
<a href="/video/tv_ad.wmv">
<img border="0" alt="Watch Our Commercial" src="/img/tscc/TSCC_watch_our_commercial_mouseoff.jpg" align="center" height="60" width="150" id="b2"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
<br>
<a href="/default.asp?contentID=530" target="_parent">
<img border="0" alt="What Makes us Different!" src="/img/tscc/TSCCweb2design.jpg" align="center" height="60" width="150" id="b3"
onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
</body>
</td>
</tr>
</table>
</div>
</div></td></u>
<td width="344" valign="top"><p class="keyplacement">
[page(569)]</p>
<p class="keyplacement">
<br>
</p></p>
<br>
<br>
<div align="center"><p align="center" class="style1"><br><br><br><br></span></b></p></div>
</td>
</tr>
</table>
<p>
<td width="4" bgcolor="91B4DF"> </td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="TopTable1b">
<tr>
<td height="60"><table width="898" height="60" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="4" rowspan="2" valign="top"><img src="/images_/blue_strip.gif" width="4" height="8"></td>
<td height="8" valign="top" background="/images_/body_tile.gif"><img src="/images_/blank.gif"><img src="/images_/blank.gif"></td>
<td width="4" rowspan="2" valign="top"> </td>
</tr>
<tr>
<td class="copyright" align="center"><a href="http://www.theskincareclinic.com" target="_parent">The Skin Care Clinic</a> All Rights Reserved.<br>
Powered by <a href="http://www.WebSuiteLive.com" target="_blank">WebSuiteLive</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
I Thank you for any help you might be able to provide. |
|||||||