Partage
  • Partager sur Facebook
  • Partager sur Twitter

Scripts

Question

    20 août 2014 à 0:50:37

    Bonjour,

    Pourquoi les scripts modifient le comportement des blocs ?

    Ils se positionnent automatiquement en bas du bloc. Pourquoi et comment remédier à ce problème ?

    Merci

    Voilà le résultat:

    • Partager sur Facebook
    • Partager sur Twitter
      20 août 2014 à 1:07:37

      Il faudrait le code source pour pouvoir te répondre correctement

      • Partager sur Facebook
      • Partager sur Twitter

      Je ne suis plus modérateur, ne me contactez plus pour des demandes, je n'y répondrai pas.

        20 août 2014 à 1:22:32

        <!DOCTYPE html>
        <html>
            <head>
                <meta charset="utf-8" />
                <link rel="stylesheet" href="test.css" />
                <title>New3</title>
        		<meta http-equiv="Content-Language" content="fr">
            </head>
        
            <body>
        	
        	<header>
        	<meta name="google-translate-customization" content="3bacbd0374b8cbfb-4161e137e520300f-g8cc14136b7b8f51f-14"></meta>
        	<div class="D">   
        			<!-- Google traduction -->
        			<script>(function(){
        			var css='<style>table.gadget{background-position:0%;background:transparent none;border-collapse:collapse;border:0;clear:none;float:none;font-family:arial,sans-serif;font-style:normal;font-variant:normal;height:auto;letter-spacing:normal;line-height:normal;margin:0;padding:0;text-indent:0;text-transform:none;top:auto;vertical-align:middle;white-space:normal;width:auto;word-spacing:normal;}table.gadget span.title a:hover,table.gadget span.title a:visited,table.gadget span.title a:active,table.gadget span.title{font-size:12px;color:#0000cc}table.gadget span.powered a:hover,table.gadget span.powered a:visited,table.gadget span.powered a:active,table.gadget span.powered{font-size:10px;color:#0000cc}</style>';
        			var html='\x3ctable class\x3d\x22gadget\x22 cellspacing\x3d0 cellpadding\x3d0 width\x3d160\x3e\x3ctr\x3e\x3c/tr\x3e\x3ctr\x3e\x3ctd colspan\x3d\x222\x22\x3e\x3c/td\x3e\x3c/tr\x3e\x3ctr\x3e\x3ctd colspan\x3d2\x3e\x3ciframe src\x3d\x22http://www.gmodules.com/gadgets/ifr?url\x3dhttp%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Ftranslatemypage.xml\x26container\x3ddefault\x26view\x3dhome\x26lang\x3dall\x26country\x3dALL\x26debug\x3d0\x26nocache\x3d0\x26sanitize\x3d0\x26v\x3d1bb60bd8a83e4bd6\x26source\x3d__LOCATION__\x26parent\x3d__LOCATION__\x26libs\x3dcore%3Acore.io#up_source_language\x3dfr\x26st\x3d%25st%25\x22 width\x3d160 height\x3d60 style\x3d\x22display:block;\x22 frameborder\x3d0 scrolling\x3d\x22no\x22\x3e\x3c/iframe\x3e\x3c/td\x3e\x3c/tr\x3e\x3ctr\x3e\x3ctd style\x3d\x22text-align:left;vertical-align:middle;height:28px;\x22\x3e\x3ca href\x3d\x22http://fusion.google.com/ig/add?synd\x3dopen\x26source\x3dggyp\x26moduleurl\x3dhttp://www.google.com/ig/modules/translatemypage.xml\x22 target\x3d\x22_top\x22\x3e\x3cimg style\x3d\x22border:0;\x22 src\x3d\x22http://www.gmodules.com/ig/images/plus_google.gif\x22\x3e\x3c/a\x3e\x3c/td\x3e\x3ctd style\x3d\x22text-align:right;vertical-align:middle;height:28px;\x22\x3e\x3cspan class\x3d\x22powered\x22\x3e\x3ca href\x3d\x22http://www.google.com/webmasters/gadgets.html\x22 target\x3d\x22_top\x22\x3eGadgets\x3c/a\x3e powered by Google\x3c/span\x3e\x3c/td\x3e\x3c/tr\x3e\x3c/table\x3e';
        			html=html.replace(/__LOCATION__/g, encodeURIComponent(location.href));
        			document.write(css+html);
        			})(); 
        			</script>
        	</div>
        	<img src="Images/head2.jpg" alt="bannière en-tête"/>
        	</header>
        	
        	<section class="F">
        	<nav>
        	<ul>
        			<li><a href="index.html">Accueil</a></li>
        			<li><a href="Le_surf_remunere.html">Le surf rémunéré</a></li>
        			<li><a href="Les_programmes_d_affiliation.html">Les programmes d'affiliations</a></li>
        			<li><a href="Le_MLM.html">Le MLM</a></li>
        			<li><a href="Le_Forex.html">Le Forex</a></li>
        			<li><a href="Le_cybermarketing.html">Le Cybermarketing</a></li>
        			<li><a href="Les_processeurs_de_paiement.html">Les processeurs de paiement</a></li>
        			<li><a href="mailto:microwork86@gmail.com">Me contacter</a></li>
        	</ul>
        	
        	</nav>
        	<div class="E">pub</div>
        	</section>
        	
        	
        	<section>
        	<article>
        	<h1>Accueil</h1>
        	<p>
        	Gagner des revenus sans sortir de chez vous et sans débourser un centime de votre poche est maintenant 
        	possible grâce à internet.</br>
        	
        	De nos jours, n'importe qui possédant un ordinateur et une connexion internet 
        	peut transformer son PC en une véritable machine à sous.
        	Il existe toute sorte de méthodes pour générer des revenus, avec ou sans risque. 
        	Vous comprendrez au fil des pages comment est-ce possible 
        	et qu'il n'est pas difficile de gagner des revenus résiduels sur internet.
        
        	Je vous propose une sélection de partenaires qui vont vous permettre de générer 
        	ces revenus, ainsi que des outils pour assurer votre publicité et gérer 
        	votre argent.
        	</p>
        	</article>
        	</section>
        	
        	<footer>
        	
        	<div class="H">
        	
        	<div class="A">
        	<div class="G"><!-- Meilleursduweb/Websyndic -->
        		<A HREF="http://www.meilleurduweb.com/index.php?id=328260" target="_blank">
        		<IMG SRC="http://www.meilleurduweb.com/images/pub/votez_88.31.gif" border="0" 
        		ALT="Meilleur du Web : Annuaire des meilleurs sites Web."></A>
        	</div>
        	
        	<div class="G"><!-- Régie CI -->
        	<script src='http://tag.regieci.com/pubs.asp?id=828592&i_banniere=1&fb=5&i_shann=0&i_isCI=0'></script>
        	</div>
        	</div>
        	
        	<div class="B">
        	<div class="G"><!-- Pubwebnet -->
        	<script type="text/javascript"><!--
        	document.write('<s'+'cript type="text/javascript" src="http://www.pubwebnet.com/show.php?z=30&pl=2662&j=1&code='+new Date().getTime()+'"></s'+'cript>'); 
        	// --></script>
        	<noscript>
        	<iframe src="http://www.pubwebnet.com/show.php?z=30&pl=2662" width="468" height="60" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
        	</noscript>
        	</div>
        	</div>
        	
        	<div class="C">
        	<div class="G"><!-- Hit Parade -->
        	<A HREF="http://www.hit-parade.com/hp.asp?site=597776" TARGET="_blank">
        	<IMG SRC="http://loga.hit-parade.com/logohp1.gif?site=a597776" Title="Hit-Parade des sites francophones" WIDTH="77" HEIGHT="15" BORDER="0"></A> 
        	</div>
        	
        	<div class="G">
        	<a href="http://www.ajoutezvotresite.com/" target="_blank">
        	<img src="http://www.ajoutezvotresite.com/button.php?u=Xillis" alt="Ajoutez votre site" border="0" /></a>
        	</div>
        	</div>
        	
        	</div>
        	
        	</footer>
        	
        	
        	</body> 
        	
        	
        </html>

        body  /* Image de fond extensible à la résolution d'écran*/
        {margin:0; padding:0; background: url(Images/fond3.jpg) no-repeat center fixed; 
          -webkit-background-size: cover; /* pour Chrome et Safari */
          -moz-background-size: cover; /* pour Firefox */
          -o-background-size: cover; /* pour Opera */
          background-size: cover;/* version standardisée */
          
          min-height:900px;
          min-width:1045px;
         }
         
        body, html
        {
        padding:0; 
        margin:0; 
        width:100%; 
        height:100%; 
        font-size:0;
        min-width:1050px;
        min-height:800px; 
        }
        
        header 
        {background-color:lime; 
        border:solid orange;
        height:39%;
        width:100%;
        }
        
        img {height:80%;
        display:block;
        width:92%;
        margin-left:4%;
        margin-right:4%;
        }
        
        nav {background-color:green;
        border:solid lime;
        height:20%;
        width:100%;
        font-size:20px;
        }
        
        ul {border:solid aqua; 
        font-family:Georgia; 
        margin:0; padding:0; 
        padding-left:13%; 
        height:100%; 
        border-radius:5%;}
        
        li {font-size:100%;
        line-height:175%;
        color:black;
        }
        
        a {color:black;
        text-decoration:none;
        cursor:pointer;}
        
        section {background-color:blue;
        border:solid aqua;
        height:auto;
        width:67.5%;
        font-size:20px;
        margin-left:28%;
        margin-right:4%;
        }
        
        footer {background-color:red;
        border:solid yellow;
        margin-left:28%;
        margin-right:4%;
        margin-top:2%;
        height:20%;}
        
        .A {background-color: navy;
        border:solid lime;
        display:inline-block;
        margin-right:0;
        height:100%;
        width:10%;
        }
        
        .B {background-color:olive;
        border:solid lime;
        display:inline-block;
        margin-right:0;
        height:100%;
        width:55%;}
        
        .C {background-color:white;
        border:solid lime;
        display:inline-block;
        height:100%;
        width:10%;
        }
        
        .D{display:inline-block;
        border:solid red;
        width:13%;
        margin-left:83%;
        height:14%;}
        
        .E {background-color:aqua;
        border:solid fuchsia;
        height:20%;
        width:100%;
        display:inline-block;
        font-size:20px;
        }
        
        .F {border:solid purple;
        float:left;
        margin:0;
        width:20%;
        margin-left:4%;
        height:auto;}
        
        article {text-align:center;
        border:solid teal;}
        
        h1 {text-align:center;
        border:solid yellow;
        margin-left:3%;
        margin-right:3%;}
        
        p {border:solid pink;
        text-align:justify;
        font-family:Bookman Old Style; 
        margin-left:3%;
        margin-right:3%;
        font-size:80%;}
        
        .G{border:solid black;
        }
        
        .H {border:solid green;
        text-align:center;
        height:100%;
        }
        /*http://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html*/
        • Partager sur Facebook
        • Partager sur Twitter

        Scripts

        × 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