Opps sorry, wasnt thinking :)
first watch out for position:
http://www.w3schools.com/css/css_positioning.asp
There are four different position values:
* static
* relative
* fixed
* absolute
this messed with my head until it made sense
then working out the relationship with the div & the iframe positions (I
used an firefox ruler addon to help me with the screen)
then it was trial & error with the values till it all makes sense :)
would be REALLY useful if someone could make a plugin for this that
works for TWCLASSIC & TW5 HINT HINT :)
theres probably BETTER ways to do what I've done, but first rule is to
get SOMETHING working THEN refine.
In the past I think I've heard it refered to webpage slicing (pulling
out the bit you want)
this leaves the page intact and doesnt mess with it
possable surgestion is to pull in webpage convert to image & slice up
but it will depend on if its quicker and/or uses more/less resources
Hope this explains all
I'll still be messing with this (might setup a stand alone information
screen on one of my monitors :) so any suggestions, fixes etc
permission for anyone to do what ever with this :)
Regards
this bit for perth weather scrolling page, 1 will scroll & the other
will stay fixed
<html>
<style>
#my-div1
{
position : relative;
top : 0px;
left : 0px;
width : 200px;
height : 270px;
overflow : hidden;
}
#my-div2
{
position : fixed;
top : 200px;
left : 400px;
width : 200px;
height : 270px;
overflow : hidden;
}
#my-iframe
{
position : absolute;
top : -580px;
left : -380px;
width : 510px;
height : 850px;
}
</style>
<div id="my-div1">
<iframe src="http://www.bom.gov.au/index.php"; id="my-iframe"
scrolling="no"></iframe>
</div>
<div id="my-div2">
<iframe src="http://www.bom.gov.au/index.php"; id="my-iframe"
scrolling="no"></iframe>
</div>
</html>
this bit for weatherzone, compare to org
http://www.weatherzone.com.au/wa/perth/perth
<html>
<meta http-equiv="refresh" content="30">
<style>
#my-div4
{
position : relative;
top : 0px;
left : 0px;
width : 660px;
height : 1790px;
overflow : hidden;
}
#my-iframe4
{
position : absolute;
top : -248px;
left : -35px;
width : 700px;
height : 2040px;
}
</style>
<div id="my-div4">
<iframe src="http://www.weatherzone.com.au/wa/perth/perth";
id="my-iframe4" border="no" scrolling="no"></iframe>
</div>
</html>
On 08/08/15 15:59, Mat wrote:
Great. For people finding this thread who have the same problem it
would be good if you pasted your actual solution here. I'm also
curious myself.
<:-)
--
You received this message because you are subscribed to a topic in the
Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit
https://groups.google.com/d/topic/tiddlywiki/PaG0uPklkfU/unsubscribe.
To unsubscribe from this group and all its topics, send an email to
[email protected]
<mailto:[email protected]>.
To post to this group, send email to [email protected]
<mailto:[email protected]>.
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/3123b84e-e6d5-444c-8cab-707b79fe4802%40googlegroups.com
<https://groups.google.com/d/msgid/tiddlywiki/3123b84e-e6d5-444c-8cab-707b79fe4802%40googlegroups.com?utm_medium=email&utm_source=footer>.
For more options, visit https://groups.google.com/d/optout.
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/55C5BF96.9090307%40gmail.com.
For more options, visit https://groups.google.com/d/optout.
