Page 1 of 1
Positioning widget on web page
Posted: Thu Feb 16, 2012 11:21 pm
by Scriptor
Hi
I've successfully downloaded the widget on to a web page, but would like to move it from its flush left position 10px to the right. As someone fairly new to HTML coding, I'd be grateful if someone could let me have the HTML that would achieve this and indicate where it should be inserted in the existing code. Many thanks.
Geoff
Re: Positioning widget on web page
Posted: Fri Feb 17, 2012 8:03 am
by hermanz
Hi Geoff
Welcome to YoWindow
will you tell us more about your site.
What is the url of your site
gr.
Herman

Re: Positioning widget on web page
Posted: Fri Feb 17, 2012 12:31 pm
by Scriptor
Hi Herman
Thanks for your prompt response. You can find the relevant page of my 'hobby' site here:
http://www.tringbowls.co.uk/weather.html. I've just uploaded it to my server from my editor and it's not gone 'live' yet. I intend to 'sing the praises' of the widget in a few sentences underneath the 'Weather' heading - all lined up 10px to the right of the menu, and I want to move the widget in line with the text too. I'll then increase its dimensions slightly so that it's clear of the right-hand edge by the same margin. I tried adding a little html in an effort to move it, but to no avail. I suspect it's very simple when you know how!
Many thanks in anticipation of your help.
Kind regards
Geoff
PS You've got a great product! The scene on the widget is not unlike some of the countryside round here!
Re: Positioning widget on web page
Posted: Fri Feb 17, 2012 2:33 pm
by jmcmurry
Geoff,
In that Div just prior to your YoWindow code try
Code: Select all
<div style="width:660px; height:450px; padding-left:10px;">
and that should move it over. At least it did when I looked at it with FireBug.
- Jim
Re: Positioning widget on web page
Posted: Fri Feb 17, 2012 4:34 pm
by Scriptor
Hi Jim
Many thanks for that - it works! I knew it would be something simple. I just had to repeat the same code in the first <span style..... block to also move the 'YoWindow...' and 'Forecast by...' text across by 10px.
Kind regards
Geoff