English 中文(简体)
如何在网站上增加面粉
原标题:How to make tfl widget bigger on website

so I am trying to use the TFL widget on my jQuery Mobile site, however it is tiny. I tried setting the height and the width through CSS but it doesn t work, I want it to cover the full page. I ve also tried using both versions on the TFL website, the fixed width one and the variable width one but none of them have worked properly.

在这方面的任何帮助都将得到真正的赞赏。

非常感谢。

Sorry the formatting sort of messed up. Here is my code:

    <html>
    <head>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">        </script>
<link rel="stylesheet" href="css/style.css">
   </head>
 <body>
<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div>

    <div data-role="content">
        <div class="tflwidget">
<script language="JavaScript" src="http://www.tfl.gov.uk/tfl/syndication/widgets/serviceboard/embeddable/serviceboard-iframe-stretchy.js"></script></div>

    </div>

    <div data-role="footer" style="position:absolute; bottom: 0; left:0; right:0">
        <h4>Footer</h4>
    </div>




</div>

 </body>
 </html>
问题回答

Well you won t do much to an iframe with css. You want to explicitly set the height and width attributes of the iframe, 100% might be the right value if the parent element is big enough.





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签