Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
Centrer un élément ?
  • Héllo, 

    Voila , sur mon site, j'ai un widget . 
    Mais je ne sais pas comment le centrer, ( Medhi va se dire, il sait pas utiliser le margin-left celui la ..??...Bref ) ..
    Explication : Ce widget n'existait pas , je suis donc entré dans le code source d'un site, et par je ne sais 
    quel miracle j'ai réussi a extraire mon widget ...:)

    Le soucis est que je ne vois pas par ou centrer le widget ....Trop complexe pour moi niveau du code . 
    L'idée est donc de passer par " éditer le htlm " mais NE PAS ENTRER dans le htlm , 
    et juste centrer via les boutons de centrage en haut comme montrer dans l'image ... 
    C'est la que je coince ... Il centre l'intérieur du widget ?? pas le widget ? 
    une manip peut etre ? ....Pas certains qu'il y a solution a ce problème ? 

    Voila voila . Je suis preneur si une idée, car j'aime bien ce petit widget .



    Extraction du code source relative au widget : 

    <html
    xmlns="http://www.w3.org/1999/xhtml">


    <head>


    <title></title>


    <meta name="robots"
    content="noindex" />


    <meta http-equiv="Content-Type"
    content="text/html; charset=UTF-8" />


    <meta http-equiv="P3P"
    content='CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"'
    />


    <link rel="stylesheet"
    href="http://wmt-invdn-com.akamaized.net/wmtools_rates_v1e.css"
    type="text/css" />


    <link rel="stylesheet"
    href="http://i-invdn-com.akamaized.net/webmaster-tools/buttons-css/nyx_classes_75.css"
    type="text/css" />


    <style type="text/css">


    .arial_11{font:11px
    arial;color:#000000;}


    .arial_11_b{font:bold 11px
    arial;color:#000000;}


    .ftqa11bb{font:bold 11px
    arial;color:#0059b0; white-space:nowrap;}


    .inlineblock {display:inline-block;
    *display:inline; zoom:1;}


    .newSiteIconsSprite {background-image:
    url('http://i-invdn-com.akamaized.net/newSiteIconsSprite_v30i.png');}


    .greenAndroidIcon
    {background-position:-95px -1337px; width:15px; height:19px;}


    .greenAndroidIconSmall
    {background-position:-133px -1314px; width:12px; height:14px;}


    .smallGreyAppleLogo
    {background-position:-78px -1465px; width:12px; height:14px;
    display:inline-block;}


    .downloadApp {position:relative;
    top:-1px;}


    .downloadApp + .downloadApp
    {margin-left:6px; padding-left:6px; border-left:1px solid #dadada;
    height:16px; line-height:0;}


    .wmtTooltip {display:none; padding:5px
    8px 5px 7px; background-color:#333; color:#fff;
    line-height:normal;position:absolute; top:29px; left:-8px; z-index:1;
    white-space:nowrap; font-weight:bold;}


    .wmtTooltip:before {content:"";
    border-style:solid; border-color:transparent transparent #333
    transparent; border-width:0 6px 6px 6px; left:7px; top:-6px;
    position:absolute; display:block;}/* tooltip triangle */


    .downloadApp:hover .wmtTooltip
    {display:block;}


    .downloadApp + .downloadApp .wmtTooltip
    {left:-1px; top:29px;}


    .redBg {background-color:#FFE2E2;}


    .greenBg {background-color:#B7F4C2;}


    .wmtBannerAffSnippet {width:300px;
    height:50px; float:right; margin-bottom:4px;}


    .clear {clear:both;}


    .arrow_green_up, .greenArrowIcon,
    .redArrowIcon, .grayArrowIcon, .agu,


    .arrow_red_down, .ard {background:
    url(http://i-invdn-com.akamaized.net/newSiteIconsSprite_v32p.png);
    height:8px; width:8px; display:inline-block; padding:0; margin:0 5px;
    position:relative; top:5px;}


    .arrow_green_up, .greenArrowIcon, .agu
    {background-position: -8px -459px;}


    .arrow_red_down, .redArrowIcon, .ard
    {background-position: -8px -475px;}


    .grayArrowIcon {background-position:
    -8px -491px;}


    .oppositeAlign { text-align: left; }


    .flag {padding-left: 5px;}


    </style>


    <script type="text/javascript"
    src="http://i-invdn-com.akamaized.net/js/ads.js"></script>


    <script type="text/javascript"
    src="/common/libs/jquery.js"></script>


    <script type="text/javascript"
    src="http://i-invdn-com.akamaized.net/js/dlinks.js"></script>


    <script type="text/javascript"
    src="http://wmt-invdn-com.akamaized.net/js/refresher_v10.js"></script>


    </head>


    <div class="inlineblock">


    <div
    id="cross_rates_container"><table id="cross_rate_1"
    border="0" class="ftq_4 ftq_5_1"
    style="width:439;margin:0px;padding:0px" cellspacing="0"
    cellpadding="0">


    <tr class="arial_11_white_b
    ftq_5">


    <td>&nbsp;</td>


    <td class="ftqw2 ftqh ftqa11wb
    ftqac oppositeAlign" nowrap><nobr>Nom</nobr></td>


    <td class="ftqw2 ftqh ftqa11wb
    ftqac" nowrap>Dernier</td>


    <td class="ftqw2 ftqh ftqa11wb
    ftqac" nowrap> Var. %</td>


    </tr>


    </tr>


    </tr>


    </tr>


    <tr id="pair_167"
    class="arial_11 ftqtr1" style="background-color:;"><td
    class="ftqbb ftqw1 ftqrl flag middle"
    nowrap="nowrap"><nobr><span class="ceFlags
    France"></span></nobr></td>


    <td class="ftqbb ftqw1 ftqrl
    middle"><span class="ftqa11bb
    arial_11_b">CAC&nbsp;40</span></td>


    <td class="ftqbb ftqw2
    pid-167-last" style="direction:ltr;">5.548,84</td>


    <td class="ftqbb ftqw2 bold
    green-font pid-167-pcp" style="direction:ltr;">+0,18%</td>


    </tr>


    </table>


    </div>


    <script type="text/javascript"
    src="//cdnjs.cloudflare.com/ajax/libs/sockjs-client/0.3.4/sockjs.min.js"></script>


    <script type="text/javascript">


    stream="https://stream306.forexpros.com:443";


    </script>


    <script type="text/javascript">


    window.timezoneOffset = 7200;</script>


    <script type="text/javascript"
    src="https://streamjs.investing.com/tools/fxindex1.js"></script>


    <script type="text/javascript">


    var pid_arr =
    Array("pid-eu-169:","pid-eu-166:","pid-eu-20:","pid-eu-170:","pid-eu-172:","pid-eu-27:","pid-eu-167:");


    var TimeZoneID = 58;


    </script>


    <iframe
    src="//fls.doubleclick.net/activityi;src=3598367;type=wmt_i753;cat=fr_wm951;u2=;u1=;ord=1;num=1557099112?"
    width="1" height="1" frameborder="0"
    style="display:none"></iframe><!-- Google Tag
    Manager -->


    <noscript><iframe
    src="//www.googletagmanager.com/ns.html?id=GTM-N9FVQ7"


    height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>


    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new
    Date().getTime(),event:'gtm.js'});var
    f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);


    })(window,document,'script','dataLayer','GTM-N9FVQ7');</script>


    <!-- End Google Tag Manager
    --><script>


    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?


    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;


    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;


    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,


    document,'script','//connect.facebook.net/en_US/fbevents.js');


    fbq('init', '167918810261856');


    fbq('track', "PageView");</script>


    <script type="text/javascript">


    var gaJsHost = (("https:" ==
    document.location.protocol) ? "https://ssl." :
    "http://www.");


    document.write(unescape("%3Cscript
    src='" + gaJsHost + "google-analytics.com/ga.js'
    type='text/javascript'%3E%3C/script%3E"));


    </script>


    <script type="text/javascript">


    try {


    var pageTracker =
    _gat._getTracker("UA-2555300-17");


    pageTracker._trackPageview();


    } catch(err) {}</script></div>


    </html>



  • Bonjour

    la c'est pas le code d'un widget c'est le code de toute la page y compris les pubs (double clik) + plusieurs code javascript , du css,le code des boutons facebook, twitter etc......