user3596190 user3596190 - 6 months ago 20
HTML Question

How can i change this weather forecast widget position on my website?

I went to accuweather.com site to this area:

Accuweather

And got the right top widget.
Copied the code to my site:

<a href="http://www.accuweather.com/en/il/hod-hasharon/212527/current-weather/212527" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1399327708942" class="aw-widget-36hour" data-locationkey="" data-unit="f" data-language="en-us" data-useip="true" data-uid="awtd1399327708942" data-editlocation="true"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>


But it put the widget in the middle on this page and i want it to put it on the right side over the long black coming down just under the digital clock.

This is how it look now on my site:

My Test Site

EDIT

This is what i did in the main-wrap:

<div id="main-wrap">
<div id="sidebar" style="float:right;">
<a href="http://www.accuweather.com/en/il/hod-hasharon/212527/current-weather/212527" class="aw-widget-legal">
<!--
By accessing and/or using this code snippet, you agree to AccuWeather’s terms and conditions (in English) which can be found at http://www.accuweather.com/en/free-weather-widgets/terms and AccuWeather’s Privacy Statement (in English) which can be found at http://www.accuweather.com/en/privacy.
-->
</a><div id="awtd1399327708942" class="aw-widget-36hour" data-locationkey="" data-unit="f" data-language="en-us" data-useip="true" data-uid="awtd1399327708942" data-editlocation="true"></div><script type="text/javascript" src="http://oap.accuweather.com/launch.js"></script>


Is that right ? And i have tall-header.html short-header.html no-header.html and landing.html in what one of them to add it to in the main-wrap they all have div main-wrap.

Answer

That long, black area is part of the background of your page.

  1. Create a div within <div id="main-wrap"> that represents the area where you want the widget to be. <div id="sidebar" style="float:right;"></div> will do.

  2. Copy the widget code into the new div