Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de posittionnement dans mail html

Magiczouf
    8 décembre 2005 à 15:36:49

    Bonjour,
    Voilà mon problème :
    Je génère une page htaml à partir de powerpoint. Je la met sur un serveur avec son repertoire de fichiers.
    Quand je l'ouvre via browser tout va bien.

    Mais ! lorque je l'envoie par mail (en modifiant les réferences des images, css et autres), les images s'affichent bien, mais en désordre (toutes en haut à la suite o_O ).
    QUelqu'un peut il me dire s'il y'a quelque chose à faire avec le code ci-joint pour éviter ce genre de déagrément ?

    Merci d'avance

    voilà le code :

    <html xmlns:v="urn:schemas-microsoft-com:vml"
    xmlns:o="urn:schemas-microsoft-com:office:office"
    xmlns:p="urn:schemas-microsoft-com:office:powerpoint"
    xmlns:oa="urn:schemas-microsoft-com:office:activation"
    xmlns="http://www.w3.org/TR/REC-html40">

    <head>
    <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
    <meta name=ProgId content=PowerPoint.Slide>
    <meta name=Generator content="Microsoft PowerPoint 10">
    <link id=Main-File rel=Main-File href="http://monserveur/monrepertoire/Presentation1.htm">
    <link rel=Preview href=preview.wmf>
    <!--[if !mso]>
    <style>
    v\:* {behavior:url(#default#VML);}
    o\:* {behavior:url(#default#VML);}
    p\:* {behavior:url(#default#VML);}
    .shape {behavior:url(#default#VML);}
    v\:textbox {display:none;}
    </style>
    <![endif]-->
    <title>Diapositive 1</title>
    <meta name=Description content="06/12/2005">
    <link rel=Stylesheet href="http://monserveur/monrepertoire/master03_stylesheet.css">
    <![if !ppt]>
    <style media=print>
    <!--.sld
    {left:0px !important;
    width:6.0in !important;
    height:4.5in !important;
    font-size:103% !important;}
    -->
    </style>
    <script><!--
    function LoadSld()
    {
    var sld=GetObj("SlideObj")
    if( !g_supportsPPTHTML ) {
    sld.style.visibility="visible"
    return
    }
    if( MakeNotesVis() ) return
    runAnimations = _InitAnimations();
    if( IsWin("PPTSld") )
    parent.SldUpdated(GetSldId())
    g_origSz=parseInt(SlideObj.style.fontSize)
    g_origH=sld.style.posHeight
    g_origW=sld.style.posWidth
    g_scaleHyperlinks=(document.all.tags("AREA").length>0)
    if( g_scaleHyperlinks )
    InitHLinkArray()
    if( g_scaleInFrame||(IsWin("PPTSld") && parent.IsFullScrMode() ) )
    document.body.scroll="no"
    _RSW()
    if( IsWin("PPTSld") && parent.IsFullScrMode() )
    FullScrInit();

    MakeSldVis();

    if( runAnimations )
    {
    if( document.all("NSPlay") )
    document.all("NSPlay").autoStart = false;
    if( sld.filters && sld.filters.revealtrans )
    setTimeout( "document.body.start()", sld.filters.revealtrans.duration * 1000 );
    else
    document.body.start();
    }
    }
    function MakeSldVis()
    {
    var fTrans=g_showAnimation && SldHasTrans()
    if( fTrans )
    {
    if( g_bgSound ) {
    idx=g_bgSound.indexOf(",");
    pptSound.src=g_bgSound.substr( 0, idx );
    pptSound.loop= -(parseInt(g_bgSound.substr(idx+1)));
    }
    SlideObj.filters.revealtrans.Apply()
    }
    SlideObj.style.visibility="visible"
    if( fTrans )
    SlideObj.filters.revealtrans.Play()
    }
    function MakeNotesVis()
    {
    if( !IsNts() ) return false
    SlideObj.style.display="none"
    nObj = document.all.item("NotesObj")
    parent.SetHasNts(0)
    if( nObj ) {
    nObj.style.display=""
    parent.SetHasNts(1)
    }
    return 1
    }
    function ChkAutoAdv()
    {
    if(SldHasTrans())
    SlideObj.onfilterchange=AutoAdv
    else
    AutoAdv()
    }
    function AutoAdv()
    {
    if(!IsWin("PPTSld") || !gUseSldTimings )return
    var sld=GetCurSld()
    if( (sld.mAdvDelay>0) && !parent.IsFramesMode() )
    setTimeout("parent.GoToNextSld()",sld.mAdvDelay)
    }
    function GetObj(id)
    {
    if(g_supportsPPTHTML) return document.all(id);
    else return document.getElementById(id);
    }
    function SldHasTrans() { return SlideObj.style.getAttribute("filter")!="" }
    function GetSldId() { return sId=location.href.substring(location.href.lastIndexOf('/')+1) }
    function HideMenu() { if( frames["PPTSld"] && PPTSld.document.all.item("ctxtmenu") && PPTSld.ctxtmenu.style.display!="none" ) { PPTSld.ctxtmenu.style.display='none'; return true } return false }
    function IsWin( name ) { return window.name == name }
    function IsNts() { return IsWin("PPTNts") }
    function IsSldOrNts() { return( IsWin("PPTSld")||IsWin("PPTNts") ) }
    function SupportsPPTAnimation() { return( navigator.platform == "Win32" && navigator.appVersion.indexOf("Windows")>0 ) }
    function SupportsPPTHTML()
    {
    var appVer=navigator.appVersion, msie=appVer.indexOf("MSIE "), ver=0
    if( msie >= 0 )
    ver=parseFloat( appVer.substring( msie+5, appVer.indexOf(";",msie) ) )
    else
    ver=parseInt(appVer)
    return( ver >= 4 && msie >= 0 )
    }
    function _RSW()
    {
    if( !g_supportsPPTHTML || IsNts() ||
    ( !g_scaleInFrame && (!IsWin("PPTSld") || !parent.IsFullScrMode()) ) )
    return
    var padding=0;
    if( IsWin("PPTSld") && parent.IsFramesMode() ) padding=6
    cltWidth=document.body.clientWidth-padding
    cltHeight=document.body.clientHeight-padding
    factor=(1.0*cltWidth)/g_origW
    if( cltHeight < g_origH*factor )
    factor=(1.0*cltHeight)/g_origH
    newSize = g_origSz * factor
    if( newSize < 1 ) newSize=1
    s=SlideObj.style
    s.fontSize=newSize+"px"
    s.posWidth=g_origW*factor
    s.posHeight=g_origH*factor
    s.posLeft=(cltWidth-s.posWidth+padding)/2
    s.posTop=(cltHeight-s.posHeight+padding)/2
    if( g_scaleHyperlinks )
    ScaleHyperlinks( factor )
    }
    function _InitAnimations()
    {
    animRuntimeInstalled = ''+document.body.localTime != 'undefined';
    isFullScreen = (window.name == "PPTSld") && !parent.IsFramesMode();
    g_animUseRuntime = g_showAnimation && animRuntimeInstalled && !(isFullScreen && parent.IsSldVisited());
    if( g_animUseRuntime ) {
    collSeq = document.all.tags("seq");
    if( collSeq != null ) {
    for(ii=0;ii<collSeq.length;ii++) {
    if( collSeq[ii].getAttribute( "p:nodeType" ) == "mainSeq" ) {
    g_animMainSequence = collSeq[ii];
    break;
    }
    }
    }
    if( g_animItemsToHide ) {
    for(jj = 0; jj < g_animItemsToHide.length; jj++) {
    if( hideObj = GetObj(g_animItemsToHide[jj]) )
    hideObj.runtimeStyle.visibility="hidden";
    }
    }
    if( g_animInteractiveItems ){
    for(jj = 0; jj < g_animInteractiveItems.length; jj++) {
    if( triggerObj = GetObj(g_animInteractiveItems[jj]) )
    triggerObj.runtimeStyle.cursor="hand";
    }
    }
    if( gUseSldTimings && ''+g_animSlideTime != 'undefined' ) {
    adjustedTime = document.body.calculateAutoAdvanceTimes( g_animSlideTime, g_animEffectTimings );
    if( IsWin("PPTSld") && adjustedTime != g_animSlideTime ) {
    var sld = GetCurSld();
    sld.mAdvDelay = adjustedTime * 1000;
    }
    }
    }
    return g_animUseRuntime;
    }

    var g_supportsPPTHTML = SupportsPPTHTML(), g_scaleInFrame = 1, gId="", g_bgSound="",
    g_scaleHyperlinks = false, g_allowAdvOnClick = 1, g_showInBrowser = 0, gLoopCont = 0, gUseSldTimings = 1;
    var g_showAnimation = g_supportsPPTHTML && SupportsPPTAnimation() && g_showInBrowser;
    var g_animManager = null;
    var g_animUseRuntime = false;
    var g_animItemsToHide, g_animInteractiveItems, g_animSlideTime;
    var g_animMainSequence = null;

    //--></script><!--[if vml]><script>g_vml = 1;
    </script><![endif]--><![endif]><o:shapelayout v:ext="edit">
    <o:idmap v:ext="edit" data="2"/>
    </o:shapelayout>
    </head>

    <body lang=FR style='margin:0px;background-color:white' onresize="_RSW()"
    onload="LoadSld()">

    <div id=SlideObj class=sld style='position:absolute;top:0px;left:0px;
    width:554px;height:415px;font-size:16px;background-color:white;clip:rect(0%, 101%, 101%, 0%);
    visibility:hidden'><p:slide coordsize="720,540"
    colors="#FFFFFF,#000000,#808080,#000000,#BBE0E3,#333399,#009999,#99CC00"
    masterhref="master03.xml">
    <p:shaperange href="master03.xml#_x0000_s1025"/><![if !ppt]><p:shaperange
    href="master03.xml#_x0000_s1028"/><p:shaperange
    href="master03.xml#_x0000_s1029"/><![endif]><v:shapetype id="_x0000_t75"
    coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
    filled="f" stroked="f">
    <v:stroke joinstyle="miter"/>
    <v:formulas>
    <v:f eqn="if lineDrawn pixelLineWidth 0"/>
    <v:f eqn="sum @0 1 0"/>
    <v:f eqn="sum 0 0 @1"/>
    <v:f eqn="prod @2 1 2"/>
    <v:f eqn="prod @3 21600 pixelWidth"/>
    <v:f eqn="prod @3 21600 pixelHeight"/>
    <v:f eqn="sum @0 0 1"/>
    <v:f eqn="prod @6 1 2"/>
    <v:f eqn="prod @7 21600 pixelWidth"/>
    <v:f eqn="sum @8 21600 0"/>
    <v:f eqn="prod @7 21600 pixelHeight"/>
    <v:f eqn="sum @10 21600 0"/>
    </v:formulas>
    <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
    <o:lock v:ext="edit" aspectratio="t"/>
    </v:shapetype><v:shape id="_x0000_s2053" type="#_x0000_t75" style='position:absolute;
    left:359.625pt;top:269.625pt;width:.75pt;height:.75pt' fillcolor="#bbe0e3 [4]"
    strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image001.png" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2053"
    src="http://monserveur/monrepertoire/slide0001_image002.gif" style='position:absolute;top:49.87%;left:50.0%;
    width:.18%;height:.24%'><![endif]><v:shape id="_x0000_s2054" type="#_x0000_t75"
    style='position:absolute;left:155.875pt;top:105.625pt;width:417pt;height:190.5pt'
    fillcolor="#bbe0e3 [4]" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image003.png" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2054"
    src="http://monserveur/monrepertoire/slide0001_image004.jpg" style='position:absolute;top:19.51%;left:21.66%;
    width:57.94%;height:35.18%'><![endif]><v:shape id="_x0000_s2056" type="#_x0000_t75"
    style='position:absolute;left:155.875pt;top:315.375pt;width:416.25pt;
    height:116.25pt' fillcolor="#bbe0e3 [4]" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image005.gif" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2056"
    src="http://monserveur/monrepertoire/slide0001_image005.gif" style='position:absolute;top:58.31%;left:21.66%;
    width:57.76%;height:21.44%'><![endif]><v:shape id="_x0000_s2057" type="#_x0000_t75"
    style='position:absolute;left:376.625pt;top:286.625pt;width:.75pt;height:.75pt'
    fillcolor="#bbe0e3 [4]" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image001.png" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2057"
    src="http://monserveur/monrepertoire/slide0001_image006.gif" style='position:absolute;top:53.01%;left:52.34%;
    width:.18%;height:.24%'><![endif]><v:shape id="_x0000_s2058" type="#_x0000_t75"
    style='position:absolute;left:99.125pt;top:462.75pt;width:189.75pt;height:27pt'
    fillcolor="#bbe0e3 [4]" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image007.gif" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2058"
    src="http://monserveur/monrepertoire/slide0001_image007.gif" style='position:absolute;top:85.78%;left:13.71%;
    width:26.35%;height:5.06%'><![endif]><v:shape id="_x0000_s2059" type="#_x0000_t75"
    style='position:absolute;left:343pt;top:457.125pt;width:226.5pt;height:27pt'
    fillcolor="#bbe0e3 [4]" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:imagedata src="http://monserveur/monrepertoire/slide0001_image008.gif" o:title=""/>
    <v:shadow color="gray [2]"/>
    </v:shape><![if !vml]><img border=0 v:shapes="_x0000_s2059"
    src="http://monserveur/monrepertoire/slide0001_image008.gif" style='position:absolute;top:84.57%;left:47.65%;
    width:31.4%;height:5.06%'><![endif]><v:shapetype id="_x0000_t202" coordsize="21600,21600"
    o:spt="202" path="m,l,21600r21600,l21600,xe">
    <v:stroke joinstyle="miter"/>
    <v:path gradientshapeok="t" o:connecttype="rect"/>
    </v:shapetype><v:shape id="_x0000_s2060" type="#_x0000_t202" style='position:absolute;
    left:93.5pt;top:31.875pt;width:482pt;height:31.25pt' filled="f" fillcolor="#bbe0e3 [4]"
    stroked="f" strokecolor="black [1]">
    <v:fill color2="white [0]"/>
    <v:shadow color="gray [2]"/>
    <v:textbox style='mso-fit-shape-to-text:t'/>
    </v:shape>
    <div v:shape="_x0000_s2060" class=O style='mso-line-spacing:"100 50 0";
    position:absolute;top:6.74%;left:14.07%;width:65.16%;height:4.33%'><span
    style='font-size:111%;color:#009999;mso-color-index:6'><b><i>COUCOU ! TRALA</i></b></span></div>
    </p:slide></div>

    </body>

    </html>






    • Partager sur Facebook
    • Partager sur Twitter

    Problème de posittionnement dans mail html

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown