Positioning widget on web page

Any questions? Any answers?
Post Reply
Scriptor

Positioning widget on web page

Post 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
User avatar
hermanz
Posts: 1892
Joined: Thu Apr 08, 2010 3:21 pm
Name: Herman
Location: Nieuwegein, Netherlands

Re: Positioning widget on web page

Post 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:
(Wheather on an I(phone,pad,pod) or Android, YoWindow what else )
Scriptor

Re: Positioning widget on web page

Post 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!
jmcmurry
Posts: 368
Joined: Tue Oct 13, 2009 11:09 am
Name: Jim
Location: Mauston, WI, USA
Contact:

Re: Positioning widget on web page

Post 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
Scriptor

Re: Positioning widget on web page

Post 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
Post Reply