|
HTML - Moving The Content Inside An I-frame
Hello
I have I-Framed another webpage into my webpage, but I would like the iframed content move to the left. Some of the content on the right is not showing right now, if it would move to the left, it will be perfect. Would this be possible? if so how? Best Regards! Similar TutorialsHey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks hii... i had made an template and place all my code inside it it is running fine but the button is not getting near to the image can u help me with that or tell me how to do it ....and i had used software to convert template from powerpoint with a software called ppt2 flash standard and it has it logo of that website on the buttom of my template how to remove it !! HTML Code: <html>
<head>
<title>U Compare</title>
<script><!--
var Clicks = 0 ;
function AddClick(){
Clicks = Clicks + 1;
document.getElementById('CountedClicks').innerHTML = Clicks + ' votes';
}
// --></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" src="swf.js"></script>
<title> compare</title>
<!-- saved from url=(0014)about:internet -->
</head>
<body bgcolor="#999999">
<span id="CountedClicks">0 vote</span><br>
<button style="background-color:white" onclick="AddClick()">vote</button>
</body>
<script language="javascript">
<!--
function getSlideIndex() {
var strUrl = document.location.href;
if (strUrl.indexOf('?') == -1 || strUrl.indexOf('=') == -1) {
return 0;
}
return strUrl.substring(strUrl.indexOf('=') + 1, strUrl.length);
}
//-->
</script>
<body>
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="100%" height="100%" align="center" valign="center">
<script language="javascript">
writeSwf("compare.swf?slideIndex=" + getSlideIndex(), "100%", "100%");
</script>
</td>
</tr>
<tr>
<td style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: silver;" align="right">
<span class="style1">Powered by Wondershare
<a style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: silver" href="http://www.wondershare.com/pro/ppt2flash-standard.html">PPT2Flash Standard</a></span></td>
</tr>
</table>
</center>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">your opinion box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
</body>
</html>
hi everyone.. i created a page that contains frames.. the problem is that the navigation frame has hyperlinks and when i click on them, the page opens inside the navigation frame!! i need it to open inside the home page.. how can i do it? I use XSLT to create a html document, and I'm not THAT familiar with html I want to divide my html page in 2 frames via a frameset. For many reasons I only want ONE html document at the end. I want to create totally new html code in the source URL of a frame, this may sound funny, so here is an example: This is how it normaly looks if I'm correct: HTML Code: <frameset cols="400,*" frameborder="yes" border="5"> <frame name = "leftF" src = "2.html"> <frame name = "rightF" src = "3.html"> </frameset> This is something like I want it to be(because I only want 1 html document): HTML Code: <frameset cols="400,*" frameborder="yes" border=5> <frame name = "leftF" src = "<html><body>This is the 1st frame</body></html>"> <frame name = "rightF" src = "<html><body>This is the 2nd frame</body></html>l"> </frameset> I've tried the above without any success. Does anyone know how to do this, or does anyone have an other suggestion (I don't HAVE to use a frameset, but I don't know any other possibility ). Thank you. How i create a frame type space( which is scrollable ) similar to seperate window inside a webpage ? Hi All, I have created two html files. One is for frame which displays the other html file inside it. I have a javascript code for retriving values from a xml file.[this works perfect]. In frame.html[where the frame is created], I have created three buttons [button names:starters, appetiters,maincourse to display hotel menu items]. When I click on the button it should call a javascript file and the result of the javascript file should be displayed inside the frame. What should I do for that? I need to sub,it my proj tomorrow. Please help. I need some way to automatically change a Frame's contents based upon the title of the RSS feed on the left, I need some way to automatically specify the APPNAME in this URL (for the frame) "http://www.google.com/search?btnI=1&q=APPNAME+site:appshopper.com". This URL loads the App Shopper page for the app it corresponds with. If there is any way to do this, I would be greatly appreciative. Thank you Hey there, I'm very new to HTML, but I can't figure out why the content area of my page is overlapping with my top frame. It's most obvious just to the right of the right angle formed by the place where the top and left frames each other. The website www.fourseasonssunrooms.ca. Any ideas as to how to move the content area down so this overlap does not occur?? Hi, On my page I have a frame. This frame loads an external page, which has a function, Enter(), which I want to call. How do I access this function? I've tried HTML Code: document.getElementById("frame1").document.Enter()
and HTML Code: document.getElementById("frame1").Enter()
, but both do not work. What am I doing wrong? Here's my code: HTML Code: <html>
<head>
<script type="text/javascript">
function go()
{
document.getElementById("frame1").document.Enter();
//alert('understood');
}
</script>
</head>
<frameset id="frameset1">
<frame id="frame1" name="frame1" border=0 src="http://somepage.com" scrolling="no" />
</frameset>
</html>
Thanks, WhiteAvenger Hi guys, First of all, I'd like to apologize for my writing skills as I'm from a non english-speaking country and I moved to Australia not long ago. Anyway, I'm trying to help a friend developing a website and I'm having some trouble getting the page to look like what he wants. I am an absolute rookie in website development and I'm discovering Dreamweaver as I speak. I managed to understand a few concepts based on what I know in VBA in Excel and tried to use some templates I found on the net. The last part didn't go really well and I decided to get rid of what I tried to make my explanations as clear as possible. Basically, I have a drop down menu on the left side of the page that works quite well at the moment.Wwhat I want to do is : the user goes over the first link of the drop down menu (called "General for Sale" under the section "Buying") and when he clicks on it, he loads on the right side the content of another page called "generalforsale.html. All of this obviously without refreshing the whole page and with the option of clicking on another section from the drop down menu to load another page... And all of this knowing that I'd like one specific page to be displayed on the left when the user first arrives on the website that would then be replaced by a page, depending on what he selects from the drop down menu. I have honestly tried everything I found and could understand, unsuccessfully... I have attached a lighter version of what I'm trying to do in case one of you guys has the time to have a look. I completely understand if this is not the policy of the forum and therefor apologize in advance. Thanks for reading me and for your help :-) Sub HTML Code: <table id="content" width="850" height="400" border="0" cellpadding="0" cellspacing="5" align="center"> <tr> <td width="28" valign="top"></td> <td width="584" valign="top"> </td> <td width="20" valign="top"> </td> </tr> </table> This is my above table and I want it to lock content inside a td if that makes sense, for example... if I type 1000 letters into the middle td of a width of 584, the table will get bigger and it looks strange. How can I fix this issue? Okay, with frames, whenever there is a link that you want to open up in the parent browser rather than inside the frame, all you have to add to the link code is "target="_parent"". However, for INPUT BUTTONS(not links) this doesn't seem to be the case. This is my input button code: HTML Code: <input id="button" type="button" value="Submit!"> the input button is INSIDE A FRAME, and because of that, when I click on it- the link goes inside the frame... how do I make it so the input button links to the PARENT browser? Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul Hi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe I got a report that on this website http://www.livingwordchurch.org.uk/home.php on certain pages, the entire content shifts to the right. My friend uses FireFox 3 when it does it, although I do too and I don't see anything happening. Do any of you see it moving too? And if so, any ideas why? Hi there i'm new to html forum and have come here for a little bit of help on some code. my website is http://www.mp3encore.co.uk my problem is on the homepage, basically i want the radio search buttons above the search bar so visiters click radio button first then type in what they want. here is my code... <div class="wrapcontent clearfix"> <div id="content" class="fleft"> <div class="wrappost"> <style type="text/css"> #content #post { background: url('<?=WEB_PATH?>images/wes.png') no-repeat; } </style> <script type="text/javascript"> function change_song1() { document.search_form.search_input.value= "Search For Lyrics"; document.search_form.type.value= "lyrics"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "inline"; } function change_song0() { document.search_form.search_input.value= "Search For Videos"; document.search_form.type.value= "video"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "inline"; document.getElementById('kr').style.display = "none"; document.getElementById('lyrics').style.display = "none"; } function change_song2() { document.search_form.search_input.value= "Search For Songs"; document.search_form.type.value= "mp3"; document.getElementById('song').style.display = "inline"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "none"; } function change_song3() { document.search_form.search_input.value= "Search For Karaoke"; document.search_form.type.value= "karaoke"; document.getElementById('song').style.display = "none"; document.getElementById('video').style.display = "none"; document.getElementById('lyrics').style.display = "none"; document.getElementById('kr').style.display = "inline"; } </script> <div id="post" class="post"> <div class="entry" style="margin-top: 6px;"> <div class="clearfix wrapentry"> <div class="fleft"> </div> <div class="info fright clearfix" style="margin-right: 25px;"> </div> <div class="Contentbox" align="center"> <div id="song" style="display: none;">You are in Song search mode</div> <div id="video" style="display: none;">You are in Video search mode</div> <div id="lyrics" style="display: none;">You are in Lyrics search mode</div> <div id="kr" style="display: none;">You are in Karaoke search mode</div> <div id="ajaxcontentarea" class="contentstyle" style="margin:0" > <form name="search_form" id="search_form" method="post" action="<?=WEB_PATH?>"> <input tabindex="" value="Search For Songs" name="search" id="search_input" onfocus="if(this.value=='Search For Songs'||this.value=='Search For Videos'||this.value=='Search For Lyrics'||this.value=='Search For Karaoke') this.value='';" type="text" /> <input type="hidden" name="type" value="mp3"/> </form> </div> <ul id="maintab" class="shadetabs"> <li><a href="#" onclick="javascript:document.search_form.submit();return false;">Search</a></li> </ul> </div> <div style="color: #ffffff;font-weight: bold;margin-left: 45px;margin-top: -25px;"><input type="radio" class="radio" value="video" name="type" onclick="change_song0();"/> Videos</div> <div style="color: #ffffff;font-weight: bold;margin-left: 145px; margin-top: -18px;"> <input type="radio" class="radio" value="mp3" name="type" onclick="change_song2();"/> Songs </div> <div style="color: #ffffff;font-weight: bold;margin-left: 235px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song1();"/> Lyrics </div> <div style="color: #ffffff;font-weight: bold;margin-left: 315px; margin-top: -18px;"> <input type="radio" class="radio" value="lyrics" name="type" onclick="change_song3();"/> Karaoke </div> </div> </div> </div> </div> hope someone can help, thanks in advance. Hello all, I'm learning so much studying on a daily basis with html, that I have been making considerable progress, however, if you all could help me "lock" this div layer that I have off to the right of the page from moving that would be grand. You see all I really want on the site is to have content in the middle move as I update and add to it. However when I subtract content or add more content in the middle div box. the right side box will move up or down depending on whether I have added or subtracted content. If you visit http://www.trillionaireme.com that is how I want the site to show on all pages when a link is clicked, however when you click on the "How to Get Started" link http://www.trillionaireme.com/howtogetstarted.html, because I have less content in the middle the right div box moves up. I would like it locked and positioned just as it is displayed on the main page http://www.trillionaireme.com This is the main page: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/"><span class="clickednav">Welcome</span></a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html">How To Get Started</a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">This site was last updated on: Tuesday, May 24, 2011 @ 12:47 PM</div> <div class="welcomemessage">"What are you doing right now? Besides reading this, are you doing something that's getting you closer to living the life? The real life. I'm not talking about a better job. A couple more days off. A nice raise. I'm talking about the life you see in your dreams. The one you wish for when no one is around. The one you cry yourself sometimes in hopes of a change. The one that makes you say please, and drops you to your knees to just change when you open your eyes. That's the life I'm asking you, are you living? Are you? Dishonesty will only rob you of your time. Time is so precious, and valuable. Always ticking. Always taking. We have no choice, but to make what we can of this racing clock we are living with. If you're not doing something, you're going back tomorrow to whatever it is you know deep down inside was not the way you wanted it to go. This is why this place exists. Finally a place that has the most important areas of our lives broken down, sectioned off, mapped out strictly and purposefully for our advantage. These are the most valuable and precious areas we mustn't forget to keep balanced, along with the people, places, and things in it. Life is not set it and forget it, life is ongoing, changing, and updating. We must lay down the foundation for all generations to come. Here is the foundation, the perfect life compilation. Now get to it, because the clock is ticking, or else, you're going back to the same place tomorrow."<p class="signature">Samuel Sweis (Creator & Founder)</p> <div class="rightbar"><br /></div> </div> </body> </html> This is the link that has less middle content so the box moves up: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <title>TrillionaireMe</title> <link rel="shortcut icon" href="images/trillionaireme.ico"> <head><link rel="stylesheet" type="text/css" href="trillionaireme.css" /></head> <body> <h1> </h1> <div class="logo"><a href="http://www.trillionaireme.com"><img class="displayed" src="http://www.trillionaireme.com/images/trillionaireme.jpg" width="196" height="233" border="0" /></a></div> <h1> </h1><p class="borderbottom"> </p> <div class="page"> <h2> <a href="http://www.trillionaireme.com/nutrition.html">Nutrition</a> <a href="http://www.trillionaireme.com/fitness.html">Fitness</a> <a href="http://www.trillionaireme.com/money.html">Money</a> <a href="http://www.trillionaireme.com/relationships.html">Relationships</a> <a href="http://www.trillionaireme.com/parenting.html">Parenting</a> <a href="http://www.trillionaireme.com/music.html">Music</a> <a href="http://www.trillionaireme.com/literature.html">Literature</a> <a href="http://www.trillionaireme.com/you.html">You</a> <a href="http://www.trillionaireme.com/them.html">Them</a> <a href="http://www.trillionaireme.com/vision.html">Vision</a> </h2> <div class="firstindex"><br /><a class="nutrition" href="http://www.trillionaireme.com/">Welcome</a><br /><a class="nutrition" href="http://www.trillionaireme.com/howtogetstarted.html"><span class="clickednav">How To Get Started</span></a></div> <div class="secondindex"><a class="nutrition" href="http://www.trillionaireme.com/joinourmailinglist.html">Join Our Mailing List</a><br /></div> <div class="sitelastupdated">How to Get Started Using this Site</div> <div class="welcomemessage">TrillionaireMe was designed with you in mind first and foremost. You will find 10 areas of life that play the most important role almost on a daily basis listed above just under the logo starting with "Nutrition" and ending with "Vision". <div class="rightbar"><br /></div> </div> </body> </html> |
|||||||