PDA

View Full Version : centrare widget


kernelex
11-02-2012, 00:03
mi aiutate ad affiancare 2 widget?

questo è il codice che ho nelle mie mani:
<div><a rel="nofollow" href="http://www.revolvermaps.com/?target=enlarge&amp;i=8hsmbiln4h2&amp;color=ff0000&amp;m=0" target="_blank"><img src="http://ri.revolvermaps.com/h/m/a/0/ff0000/128/0/8hsmbiln4h2.png" width="200" height="100" alt="Map" style="border:0px;" /></a> <div style="width:200px;height:100px;">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf" width="200" height="100"><param name="enablejsurls" value="false" /><param name="enablehref" value="false" /><param name="allownetworking" value="all" /><param name="allowscriptaccess" value="never" /><param name="enablejsurls" value="false" /><param name="enablehref" value="false" /><param name="allownetworking" value="all" /><param name="allowscriptaccess" value="never" /><param name="enablejsurls" value="false" /><param name="enablehref" value="false" /><param name="allownetworking" value="all" /><param name="allowscriptaccess" value="never" /><param name="enablejsurls" value="false" /><param name="enablehref" value="false" /><param name="allownetworking" value="all" /><param name="allowscriptaccess" value="never" /><param name="enablejsurls" value="false" /><param name="enablehref" value="false" /><param name="allownetworking" value="all" /><param name="allowscriptaccess" value="never" /><param name="movie" value="http://swf.yowindow.com/yowidget3.swf" /><param name="allowfullscreen" value="true" /><param name="wmode" value="window" /><param name="bgcolor" value="removed" /><param name="flashvars" value="location_id=gn:2525473&amp;location_name=Cagliari&amp;landscape=seaside&amp;time_format=24&amp;unit_system=metric&amp;lang=it&amp;background=#FFFFFF&amp;copyright_bar=false" /></object><a rel="nofollow" href="http://yowindow.com/weatherwidget.php" style="width:200px;height:100px;text-indent:-50000px;font-size:0px;background:#ddf url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;" target="_blank">Weather Widget</a>

</div>
<div style="width:200px;height:15px;font-size:14px;font-family:Arial, Helvetica, sans-serif;">
<span style="float:left;"><a rel="nofollow" href="http://yowindow.com?client=widget&amp;link=copyright" style="color:#2fa900;font-weight:bold;" title="Weather Widget" target="_blank">YoWindow.com</a></span>
<span style="float:right;color:#888888;"><a rel="nofollow" href="http://yr.no" style="color:#2fa900;" target="_blank">yr.no</a></span>
</div>

</div>

i widget appaiono uno sotto l'altro spostati completamente a sx

http://img195.imageshack.us/img195/5449/catturabe.png (http://imageshack.us/photo/my-images/195/catturabe.png/)

mentre io li vorrei mettere uno a finco dell'altro, e magari, centrati nella pagina.

il sito chiarisce che:
Usa questo spazio per elaborare una descrizione sul tuo canale.
Flash e HTML sono accettati.
I javascript e i frames verranno rimossi.

grazie.

ESSE-EFFE
11-02-2012, 15:20
mi aiutate ad affiancare 2 widget?


Prova con qualcosa del genere:


<div style="width: 440px; margin: 0 auto">

<div style="float: left">
<a rel="nofollow" href="http://www.revolvermaps.com/?target=enlarge&amp;i=8hsmbiln4h2&amp;color=ff0000&amp;m=0"
target="_blank">
<img src="http://ri.revolvermaps.com/h/m/a/0/ff0000/128/0/8hsmbiln4h2.png" width="200"
height="100" alt="Map" style="border: 0px;" /></a>
</div>

<div style="float: left; margin-left: 20px">
<div style="width: 200px; height: 100px">
<object type="application/x-shockwave-flash" data="http://swf.yowindow.com/yowidget3.swf"
width="200" height="100">
<param name="enablejsurls" value="false" />
<param name="enablehref" value="false" />
<param name="allownetworking" value="all" />
<param name="allowscriptaccess" value="never" />
<param name="enablejsurls" value="false" />
<param name="enablehref" value="false" />
<param name="allownetworking" value="all" />
<param name="allowscriptaccess" value="never" />
<param name="enablejsurls" value="false" />
<param name="enablehref" value="false" />
<param name="allownetworking" value="all" />
<param name="allowscriptaccess" value="never" />
<param name="enablejsurls" value="false" />
<param name="enablehref" value="false" />
<param name="allownetworking" value="all" />
<param name="allowscriptaccess" value="never" />
<param name="enablejsurls" value="false" />
<param name="enablehref" value="false" />
<param name="allownetworking" value="all" />
<param name="allowscriptaccess" value="never" />
<param name="movie" value="http://swf.yowindow.com/yowidget3.swf" />
<param name="allowfullscreen" value="true" />
<param name="wmode" value="window" />
<param name="bgcolor" value="removed" />
<param name="flashvars" value="location_id=gn:2525473&amp;location_name=Cagliari&amp;landscape=seaside&amp;time_format=24&amp;unit_system=metric&amp;lang=it&amp;background=#FFFFFF&amp;copyright_bar=false" />
</object>
<a rel="nofollow" href="http://yowindow.com/weatherwidget.php" style="width: 200px;
height: 100px; text-indent: -50000px; font-size: 0px; background: #ddf url(http://yowindow.com/img/logo.png) no-repeat scroll 50% 50%;"
target="_blank">Weather Widget</a>
</div>
<div style="width: 200px; height: 15px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; clear: both">
<span style="float: left;"><a rel="nofollow" href="http://yowindow.com?client=widget&amp;link=copyright"
style="color: #2fa900; font-weight: bold;" title="Weather Widget" target="_blank">
YoWindow.com</a></span> <span style="float: right; color: #888888;"><a rel="nofollow"
href="http://yr.no" style="color: #2fa900;" target="_blank">yr.no</a></span>
</div>
</div>
<div style="clear: left" />
</div>

kernelex
11-02-2012, 15:28
perfetto! grazie :eek:

http://it.justin.tv/mkernele