On Tuesday, July 29, 2014 4:26:16 PM UTC-7, stefan infp wrote:
>
> Using <iframe src="example.html" frameborder="0" width="50"
> height="50"></iframe> doesn't set the iframe windows to 50x50 pixels. How
> should I customize the width and height of the iframe in TW5?
The HTML-specified width/height attributes are being superceded by default
CSS definitions.
The TW5 TWCore stylesheets define the default size of the iframe this way:
.tw-tiddler-frame iframe { width:100%; height:600px; }
To change this default, place your modified CSS into a tiddler, and then
tag that tiddler with "$:/tags/stylesheet", like this:
.tw-tiddler-frame iframe { width:50px; height:50px; }
Note that CSS requires you to specify the units (e.g. "50px"), and you
cannot use a percentage for the "height" attribute of an iframe.
Alternatively, if you simply want to override the default for that one
specific iframe, you can use inline CSS:
<iframe src="example.html" frameborder="0" style="width:50px;height:50px"
></iframe>
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
YOUR DONATIONS ARE VERY IMPORTANT!
HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...
http://TiddlyTools.github.com/fundraising.html#MakeADonation
Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
