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 :good:


Welcome to YoWindow

will you tell us more about your site.
What is the url of your site

gr.
Herman :beer:

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