Jump to content

[Code] iframe


LeeSmithG

Recommended Posts

Aight.

Have some code, I wrote some of it.

<p style="text-align: left;"><iframe id="I1" name="I1" src="http://krcl.play-cricket.com/league_table?id=10058785&season_id=72" style="height: 640px; width: 1050px; float: center;" border="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"> 			Your browser does not support inline frames or is currently configured not to display inline frames. 		</iframe></p>
I want in the iframe to resize the link, 'http://krcl.play-cricket.com/league_table?id=10058785&season_id=72' (without quotes) so it fits in that zone.

In artisteer it does, however when preview or uploaded I lose 1/5 of the right hand side.

I thought o.k. I will put in scroll bars.

Only right shows.

So couple of questions, could someone with experience edit code so it will resize 'http://krcl.play-cricket.com/league_table?id=10058785&season_id=72' (without quotes) in the iframe so to look like a whole table on-line in a browser or add some code to show both a horizontal and vertical scroll bar if first point cannot work.

Thanks

in advance

Link to comment
Share on other sites


  • Replies 15
  • Views 1.9k
  • Created
  • Last Reply

I don't quite understand what you want - you have the space on website, but the iframe not fully visible? Or please explain what is needed. Or is it possible to look at this site on the internet, is it somewhere available?
If I can understand, what is needed, then I have possible to help.

Link to comment
Share on other sites


Let me explain another way.

I have a table, in the table I put an iframe.

In the iframe I put in the code from above.

I want the whole page within the iframe, rather than 4/5s of it, that is 80%

It removes the 20% of the right hand side of the table as you look at it.

I want some fix to be able to resize the page that will sit in the iframe.

Worst case scenario is adding vertical and horizontal tool bars.

I did vertical, can't do vertical.

Link to comment
Share on other sites


  <p style="text-align: left;"><iframe id="I1" name="I1" src=  "http://krcl.play-cricket.com/league_table?id=10058785&season_id=72" style=  "height: 640px; width: 100%; float: center;" border="0" frameborder="0" marginheight="0"  marginwidth="0" scrolling="no">Your browser does not support inline frames or is currently  configured not to display inline frames.</iframe>  </p>
Whether it is appropriate and what do you need?

NB! in order to avoid mistakes, use copy-paste. (Although this code contains also one strange thing - float can be: left, right, none or inherit. That's all.)

Link to comment
Share on other sites


Hello.

Don't work does the same as my other code '<iframe width="1050" height="650" scrolling="no" src="http://krcl.play-cricket.com/league_table?id=10058785&season_id=72"></iframe>' (without quotes)

In want the contents of the iframe to resize the whole web page to the size of the iframe without losing any content.

So I sorted out width and height, that is fine, however the webpage slots in an expands so 1/5 is missing.

Link to comment
Share on other sites


Hello.

Don't work does the same as my other code '<iframe width="1050" height="650" scrolling="no" src="http://krcl.play-cricket.com/league_table?id=10058785&season_id=72"></iframe>' (without quotes)

In want the contents of the iframe to resize the whole web page to the size of the iframe without losing any content.

So I sorted out width and height, that is fine, however the webpage slots in an expands so 1/5 is missing.

Send me a whole page code.

Link to comment
Share on other sites


The code is on another website, so I can't send you code.

Unless you mean open the website and save the page as .html and send you code.

I saved their code.

1A - West 2014: Table </H2><DIV class="cupTableTopDiv" abp="28"><!--div style="float:left">	</div-->	 <DIV style="float: right;" abp="29"></DIV></DIV><DIV class="clearfix" abp="30"></DIV><BR abp="31"><TABLE class="table table-bordered" abp="32">  <THEAD abp="33">  <TR abp="34">    <TH style="min-width: 200px;" abp="35"></TH>    <TH class="smallTh" abp="36"><LABEL title="Played" class="table_header"       abp="37">p</LABEL></TH><!-- mandatory fields headers -->				     <TH class="smallTh" abp="38"><LABEL title="Won  ( 15 ) " class="table_header"       abp="39">w</LABEL></TH>    <TH class="smallTh" abp="40"><LABEL title="Lost  ( 0 ) " class="table_header"       abp="41">l</LABEL></TH>    <TH class="smallTh" abp="42"><LABEL title="Tied  ( 12 ) " class="table_header"       abp="43">t</LABEL></TH>    <TH class="smallTh" abp="44"><LABEL title="Cancelled  ( 10 ) " class="table_header"       abp="45">c</LABEL></TH>    <TH class="smallTh" abp="46"><LABEL title="Abandoned  ( 10 ) " class="table_header"       abp="47">a</LABEL></TH>    <TH class="smallTh" abp="48"><LABEL title="Team Conceded  ( -5 ) " class="table_header"       abp="49">lcn</LABEL></TH>    <TH class="smallTh" abp="50"><LABEL title="Opposition Conceded  ( 20 ) "       class="table_header" abp="51">wcn</LABEL></TH>    <TH class="smallTh" abp="52"><LABEL title="Bonus Points" class="table_header"       abp="53">BP</LABEL></TH>    <TH class="smallTh" abp="54"><LABEL title="Penalty Points" class="table_header"       abp="55">Pen</LABEL></TH><!-- optional fields headers-->  																    																																																						<!-- to display points field -->    			     <TH class="smallTh" abp="56"><LABEL title="Points" class="table_header"       abp="57">Pts</LABEL></TH></TR></THEAD>  <TBODY abp="58">  <TR style="background: rgb(144, 238, 144);" abp="59">    <TD width="150" abp="60"><A href="http://kingshillcc.play-cricket.com/?view_team_id=10083219"       target="_blank" abp="61">Kings Hill CC</A> 			 </TD>    <TD abp="62"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="10083219" abp="63">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="64">11 </TD>    <TD class="smallTd" abp="65">3 </TD>    <TD class="smallTd" abp="66">0 </TD>    <TD class="smallTd" abp="67">0 </TD>    <TD class="smallTd" abp="68">1 </TD>    <TD class="smallTd" abp="69">0 </TD>    <TD class="smallTd" abp="70">1 </TD>    <TD class="smallTd" abp="71">86 </TD>    <TD class="smallTd" abp="72">0</TD><!-- optional fileds columns -->									    																																																											    <TD class="smallTd" abp="73">281</TD></TR>  <TR abp="74">    <TD width="150" abp="75"><A href="http://dartford.play-cricket.com/?view_team_id=21973"       target="_blank" abp="76">Dartford CC</A> 			 </TD>    <TD abp="77"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="21973" abp="78">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="79">12 </TD>    <TD class="smallTd" abp="80">3 </TD>    <TD class="smallTd" abp="81">0 </TD>    <TD class="smallTd" abp="82">0 </TD>    <TD class="smallTd" abp="83">1 </TD>    <TD class="smallTd" abp="84">0 </TD>    <TD class="smallTd" abp="85">0 </TD>    <TD class="smallTd" abp="86">80 </TD>    <TD class="smallTd" abp="87">0</TD><!-- optional fileds columns -->									    																																																											    <TD class="smallTd" abp="88">270</TD></TR>  <TR abp="89">    <TD width="150" abp="90"><A href="http://nurstead.play-cricket.com/?view_team_id=15808"       target="_blank" abp="91">Nurstead CC</A> 			 </TD>    <TD abp="92"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="15808" abp="93">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="94">11 </TD>    <TD class="smallTd" abp="95">3 </TD>    <TD class="smallTd" abp="96">0 </TD>    <TD class="smallTd" abp="97">0 </TD>    <TD class="smallTd" abp="98">1 </TD>    <TD class="smallTd" abp="99">0 </TD>    <TD class="smallTd" abp="100">1 </TD>    <TD class="smallTd" abp="101">71 </TD>    <TD class="smallTd" abp="102">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="103">266</TD></TR>  <TR abp="104">    <TD width="150" abp="105"><A href="http://newifield.play-cricket.com/?view_team_id=10116653"       target="_blank" abp="106">New Ifield CC</A> 			 </TD>    <TD abp="107"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="10116653" abp="108">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="109">7 </TD>    <TD class="smallTd" abp="110">7 </TD>    <TD class="smallTd" abp="111">0 </TD>    <TD class="smallTd" abp="112">0 </TD>    <TD class="smallTd" abp="113">1 </TD>    <TD class="smallTd" abp="114">0 </TD>    <TD class="smallTd" abp="115">1 </TD>    <TD class="smallTd" abp="116">79 </TD>    <TD class="smallTd" abp="117">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="118">214</TD></TR>  <TR abp="119">    <TD width="150" abp="120"><A href="http://belvedere.play-cricket.com/?view_team_id=13172"       target="_blank" abp="121">Belvedere CC, Kent</A> 			 </TD>    <TD abp="122"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="13172" abp="123">17     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="124">7 </TD>    <TD class="smallTd" abp="125">7 </TD>    <TD class="smallTd" abp="126">0 </TD>    <TD class="smallTd" abp="127">0 </TD>    <TD class="smallTd" abp="128">3 </TD>    <TD class="smallTd" abp="129">0 </TD>    <TD class="smallTd" abp="130">0 </TD>    <TD class="smallTd" abp="131">71 </TD>    <TD class="smallTd" abp="132">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="133">206</TD></TR>  <TR abp="134">    <TD width="150" abp="135"><A href="http://gravesend.play-cricket.com/?view_team_id=21977"       target="_blank" abp="136">Gravesend CC</A> 			 </TD>    <TD abp="137"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="21977" abp="138">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="139">6 </TD>    <TD class="smallTd" abp="140">8 </TD>    <TD class="smallTd" abp="141">0 </TD>    <TD class="smallTd" abp="142">0 </TD>    <TD class="smallTd" abp="143">2 </TD>    <TD class="smallTd" abp="144">0 </TD>    <TD class="smallTd" abp="145">0 </TD>    <TD class="smallTd" abp="146">82 </TD>    <TD class="smallTd" abp="147">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="148">192</TD></TR>  <TR abp="149">    <TD width="150" abp="150"><A href="http://sevenoaksvine.play-cricket.com/?view_team_id=12113"       target="_blank" abp="151">Sevenoaks Vine CC</A> 			 </TD>    <TD abp="152"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="12113" abp="153">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="154">6 </TD>    <TD class="smallTd" abp="155">6 </TD>    <TD class="smallTd" abp="156">0 </TD>    <TD class="smallTd" abp="157">0 </TD>    <TD class="smallTd" abp="158">4 </TD>    <TD class="smallTd" abp="159">0 </TD>    <TD class="smallTd" abp="160">0 </TD>    <TD class="smallTd" abp="161">56 </TD>    <TD class="smallTd" abp="162">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="163">186</TD></TR>  <TR abp="164">    <TD width="150" abp="165"><A href="http://oldgravesendians.play-cricket.com/?view_team_id=40481"       target="_blank" abp="166">Old Gravesendians CC</A> 			 </TD>    <TD abp="167"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="40481" abp="168">17     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="169">3 </TD>    <TD class="smallTd" abp="170">10 </TD>    <TD class="smallTd" abp="171">0 </TD>    <TD class="smallTd" abp="172">0 </TD>    <TD class="smallTd" abp="173">3 </TD>    <TD class="smallTd" abp="174">1 </TD>    <TD class="smallTd" abp="175">0 </TD>    <TD class="smallTd" abp="176">80 </TD>    <TD class="smallTd" abp="177">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="178">150</TD></TR>  <TR style="background: rgb(255, 192, 203);" abp="179">    <TD width="150" abp="180"><A href="http://wilmington.play-cricket.com/?view_team_id=23298"       target="_blank" abp="181">Wilmington CC</A> 			 </TD>    <TD abp="182"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="23298" abp="183">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="184">3 </TD>    <TD class="smallTd" abp="185">8 </TD>    <TD class="smallTd" abp="186">0 </TD>    <TD class="smallTd" abp="187">0 </TD>    <TD class="smallTd" abp="188">4 </TD>    <TD class="smallTd" abp="189">1 </TD>    <TD class="smallTd" abp="190">0 </TD>    <TD class="smallTd" abp="191">64 </TD>    <TD class="smallTd" abp="192">20</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="193">124</TD></TR>  <TR style="background: rgb(255, 192, 203);" abp="194">    <TD width="150" abp="195"><A href="http://leybourne.play-cricket.com/?view_team_id=9312"       target="_blank" abp="196">Leybourne CC</A> 			 </TD>    <TD abp="197"><INPUT name="division_team_results[][team_id]" id="division_team_results__team_id" type="hidden" value="9312" abp="198">16     </TD><!-- mandatory fileds columns -->					    <TD class="smallTd" abp="199">1 </TD>    <TD class="smallTd" abp="200">12 </TD>    <TD class="smallTd" abp="201">0 </TD>    <TD class="smallTd" abp="202">0 </TD>    <TD class="smallTd" abp="203">2 </TD>    <TD class="smallTd" abp="204">1 </TD>    <TD class="smallTd" abp="205">0 </TD>    <TD class="smallTd" abp="206">62 </TD>    <TD class="smallTd" abp="207">0</TD><!-- optional fileds columns -->					    																																																															    <TD class="smallTd" abp="208">92</TD></TR></TBODY></TABLE><P align="left" abp="209">p - Played, 	 w - Won ( 15 ),  	 l - Lost ( 0 ),  	 t - Tied ( 12 ),  	 c - Cancelled ( 10 ),  	 a - Abandoned ( 10 ),  	 lcn - Team Conceded ( -5 ),  	 wcn - Opposition Conceded ( 20 ),  	 Pts - Points, 																BP - Bonus Points,  Pen - Penalty Points </P>
Things is, I pasted code and got a small table, but, I want it to update weekly rather than me doing it.

I could just take a screen-shot weekly edit and input .png.

I want to not touch that page again.

Unless promoted, which is 50/50 this year, then we have a new table url.

Link to comment
Share on other sites


Sorry, you need to give a whole page code. For example, like in attaced file is nsaneforum index page code.
It is also necessary style.css codes if these are self-standing files.
I think, this thing just does not fit completely on your page. But why, it's what I want to watch.

Link to comment
Share on other sites


Sorry, you need to give a whole page code. For example, like in attaced file is nsaneforum index page code.

It is also necessary style.css codes if these are self-standing files.

I think, this thing just does not fit completely on your page. But why, it's what I want to watch.

This is right.

Maybe you do not want to give the link because you think they're going to steal your source code or doing something illegal.

Link to comment
Share on other sites


I think this table (iframe) simply do not fit on this page width..
The table width is 1175 pixels, the iframe is only 1050 pixels, and when I offered to width: 100%, it still did not fit.
The only reason may be - the page is narrower than the table. And that's all.

If the table can not be made ​​narrower (located on another page, or server at all), the only way is - to make your page wider, or allow iframe x-overflow.

Link to comment
Share on other sites


Him need change height: 100% and width: 100%, with this changes will fit the whole page in his iframe. Too test with min-height: 100% and min-width: 100%.

Preferably use the HTML5: <!DOCTYPE html>

Check this page:

http://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height

It will solve this problem.

Link to comment
Share on other sites


Him need change height: 100% and width: 100%, with this changes will fit the whole page in his iframe. Too test with min-height: 100% and min-width: 100%.

Preferably use the HTML5: <!DOCTYPE html>

Check this page:

http://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height

It will solve this problem.

Certainly not. And already here are errors - if iframe, then you can use style="width: 100%", but in no case style="height: 100%" (!Important to remember)

Link to comment
Share on other sites


If @LeeSmithG post his whole source code, will can solve this problem, a solution could to be is adding @media css for fit in the iframe in any size of window, the other option is more easy, this always if the site to fit is responsive.

Waiting for him.

Link to comment
Share on other sites


Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...