Probleme d'integration javascript

le Sam 15 Jan 2011 11:36

Bonjour à tous,

Lorsque j'intègre une bannière javascript sur mon site que je créé :http://djodjo640.free.fr elle me décale tout !

(ATTENTION ! Bien que la bannière ne soit pas à caractère pornographique, sont lien en est un ! Il n'y a bien entendu aucune image, ni contenu de ce caractère sur ce lien.)

Auriez vous une solution ?

Par avance, merci.


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31







    
 

le Sam 15 Jan 2011 16:36

essaye de mettre ça après ton javascript:
Code: Tout sélectionner
<div style="clear:both;"></div>

Machine à coudre Elna - Création de site Internet à Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Sam 15 Jan 2011 20:46

j'ai essayer et ca me pousse tout le corps vers le bas !


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31

le Sam 15 Jan 2011 21:25

Et pour info, quand je met un banniere classique, sans javascript, tout va bien .

Mon code pour info :

Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>monsite.fr</title>
<link rel="stylesheet" media="screen" type="text/css" title="" href="style.css" /></head>

<body>

   
<div id="header"><h1>www.monsite.fr</h1></div>
   
<div id="menu_horizontal"><ul>           
            <li><a href="#1"><img src="file:///C|/Users/Administrateur/Desktop/Essai1/images/puce.gif"/> Lien</a></li>
         <li><a href="#1"><img src="file:///C|/Users/Administrateur/Desktop/Essai1/images/puce.gif"/> Lien</a></li>
         <li><a href="#3"><img src="file:///C|/Users/Administrateur/Desktop/Essai1/images/puce.gif"/> Lien</a></li>
         <li><a href="#4"><img src="file:///C|/Users/Administrateur/Desktop/Essai1/images/puce.gif"/> lien !</a></li>
         </ul>
         <br style="clear:right"/>
</div>
   
<div id="content">

      <div id="sidebar">
           <div class="menu">
                <h3>MENU</h3>
                 <ul>
                   <li><a href="#">Lien</a></li>
                 <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>

                 </ul>
               <div class="menu_bas"></div>
            </div>
      
            <div class="menu">
                <h3>MENU</h3>
                 <ul>
                   <li><a href="#">Lien</a></li>
                 <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                    </ul>
               <div class="menu_bas"></div>
            </div>
           
            <div class="menu">
                <h3>MENU</h3>
                 <ul>
                   <li><a href="#">Lien</a></li>
                 <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
                 </ul>
               <div class="menu_bas"></div>
            </div>
            </div>

        <div id="corps">
       
           <div id="pub"><script type="text/javascript" src="http://med.ax47mp-xp-21.com/mail_catcher.php?login=694057&site=JOV2&c=23&token=4d31628c8decc"></script></div>
           
           <div class="bloc_corps">
               <h3>BIENVENUE SUR MON SITE</h3>
                <div class="bloc_corps_milieu">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.<br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices. Maecenas ultrices rhoncus tortor at pulvinar. Phasellus aliquet turpis et nisl elementum scelerisque. Aenean est neque, auctor ut euismod vitae, pharetra ut metus. Duis elit nibh, scelerisque tincidunt porta nec, sollicitudin quis magna. Nulla facilisi.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.<br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.</p>
                </div>
                <div class="bloc_corps_bas"></div>
            </div>
           
            <div class="bloc_corps">
               <h3>TITRE</h3>
               
                <div class="bloc_corps_bas"></div>
            </div>
           
        <div class="bloc_corps">
               <h3>TITRE</h3>
                 <div class="bloc_corps_milieu">
               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.<br />
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices. Maecenas ultrices rhoncus tortor at pulvinar. Phasellus aliquet turpis et nisl elementum scelerisque. Aenean est neque, auctor ut euismod vitae, pharetra ut metus. Duis elit nibh, scelerisque tincidunt porta nec, sollicitudin quis magna. Nulla facilisi.<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.<br />
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt placerat diam at ultrices.</p>
                </div>
                <div class="bloc_corps_bas"></div>
            </div>
     
</div>
       
</div>
<div id="footer"></div>
</body>

</html>



Code: Tout sélectionner
*
{
     margin:0px;
     padding:0px;
}

body
{
   font-family: Verdana, Arial, "Times New Roman", Times, sans-serif;
   background: url("images/fond.gif");
}

#header
{
   background: url("images/header.gif");
   width: 850px;
   height: 129px;
   margin-left:auto;
   margin-right:auto;   
}

h1
{
   text-indent: -50000px;
}

#menu_horizontal
{
   background: url("images/menu_horizontal.gif");
   width: 850px;
   height: 26px;
   margin-left:auto;
   margin-right:auto;
}


#menu_horizontal ul
{
   margin: 0; padding: 0;
   float: right;
   margin-right: 50px;
}

#menu_horizontal ul li
{
   display: inline;
}

#menu_horizontal ul li a
{
   float: left;
   text-decoration: none;
   color: #F92BAB;
   font-weight:bold;
   padding: 6px 40px;
   font-size: 13px;
}

a img
{
   border: none;
}

#content
{
   background: url("images/contenu.gif");
   background-repeat: repeat-y;
   width: 850px;
   margin-left:auto;
   margin-right:auto;
}

#sidebar
{
   width: 169px;
   float: left;
   margin-top: 10px;
}

.menu h3
{
   background:url("images/menu_haut.gif") no-repeat;
   width: 169px;
      height: 66px;
   font-size:13px;   
   text-align:center;
   color:#FFF;
   line-height:29px;
}

.menu ul
{
   background:url("images/menu_centre.gif");
   width: 169px;
   background-repeat: repeat-y;
   list-style-type: none;
   padding-left: 40px;
   font-size:13px;   
   font-weight:bold;
}

.menu ul li a
{
   color: #F92BAB;
}

.menu_bas
{
   background:url("images/menu_bas.gif");
   width: 169px;   
   height: 71px;
}

#pub
{
   margin-left: 80px;
   margin-bottom: 8px;
}

#corps
{
   width: 643px;
   margin-left: 180px;
   padding-top: 10px;
}



.bloc_corps h3
{
   background:url("images/corps_haut.gif")no-repeat;
   width: 643px;   
   height: 30px;
   color:#FFF;
   font-size:13px;   
   padding-left: 90px;
   line-height:21px;
   
}

.bloc_corps
{
   background:url("images/corps_centre.gif");
   width: 643px;
}

.bloc_corps_milieu p
{
   padding:8px;
   text-align: justify;
   line-height: 1.2;
   font-size:12px;
}

#text
{
   position relative;
   height: auto;
   width:auto;
   padding-left: 10px;   
   top: 20px;
}

.bloc_corps_bas
{
   background:url("images/corps_bas.gif");
   width: 643px;
   height: 85px;
}

#footer
{
   background:url("images/footer.gif");
   width: 850px;   
   height: 40px;
   margin-left:auto;
   margin-right:auto;
   margin-top: 0px;
}


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31

le Sam 15 Jan 2011 22:20

Essayes de mettre ton javascript dans une div correctement placée, ça devrait résoudre ton problème.

Machine à coudre - Agence web

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Sam 15 Jan 2011 23:15

Je viens d'essayer également en changer le <div> de place, mais ca me decalle toujours quelque chose.
Je ne comprends pas ce qui se passe, d'autant plus qu'avec une banniere non javascript, ca ne me pose aucun probleme.


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31

le Dim 16 Jan 2011 14:17

Essaye ça dans ta balise pub ?

Code: Tout sélectionner
#pub
{
   padding-left: 80px;
   margin-bottom: 8px;
}

Elna - Agence web Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Dim 16 Jan 2011 15:50

C'etait deja comme ca dans ma balise pub


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31

le Dim 16 Jan 2011 16:02

J'avais cru voir margin...

Elna - Agence web Perpignan

Avatar de l’utilisateur   
Lexa    
Actif
 
Messages : 382
Inscription : Lun 26 Oct 2009 21:50

le Dim 16 Jan 2011 16:46

oui c'est vrai, autant pour moi !
mais ca ne fonctionne toujours pas


djodjo64    
Nouveau
 
Messages : 6
Inscription : Sam 15 Jan 2011 11:31

le Lun 17 Jan 2011 11:49

Salut,

#pub
{
margin-left: 0px;
margin-bottom: 8px;
}

si tu met un margin-left a 80px c'est normal que ça décale avec 0 c'est ok

++


Avatar de l’utilisateur   
Percenoir    
Actif
 
Messages : 18
Inscription : Lun 8 Mar 2010 13:38
Localisation : marseille

le Lun 17 Jan 2011 15:52

Ce n'est pas un problème d'intégration de Javascript mais bel et bien de CSS mais avant tout chose :

"LE PORNO ON EN VEUT PAS ICI :twisted: " (astucieux de donner le lien vers un site sur lequel il n'y a qu'une seule pub 'celle d'une bannière ou Vidéo XXXXX' est bien visible en plus et de dire
(ATTENTION ! Bien que la bannière ne soit pas à caractère pornographique
" C'est une façon poli de se foutre de la gueule du monde :mrgreen:

La réponse à ton pb est très simple alors ce que je te propose :
1/ A l'avenir de lire les règles du forum
2/ De t'adresser à des forums spécialisés sur la création de site web avant tout au lieu de poster sur des forums de référencment (surtout que ton erreur est basique, très basique...)
3/ Zapper le javascript dans ton id="pub" et de le remplacer par un fond rouge par exemple pour éviter à certains membres de cliquer malencontreusement dessus en venant visiter ton machin qui n'est pas un site d'ailleurs.... :evil:
4 / pour finir, de désactiver ton lien dans ton premier post car cela devient ch..iant de voir sur ce forum des liens vers des sites en construction même pas pensés et... tout cela parce que vous penser que cela va doper votre référencement (et C'EST FAUX)
5/ de revenir poster ici et je te donnerai la solution basique à ton pb en moins de 2 minutes

En bon entendeur , salut :lol:

8 crédits nécessaire (1 ligne(s) + 4 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 5 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

Avatar de l’utilisateur   
referenceur
Like Rank Total : 3.5    
Actif
 
Messages : 2000
Inscription : Sam 31 Oct 2009 19:21
Localisation : Lyon

le Lun 17 Jan 2011 15:54

Percenoir, change ta signature STP car tu ne respectes pas, toi non plus les règles du forum, et c'est ch...iant de voir que vous vous moquez de la communauté !!!!! :mrgreen:

8 crédits nécessaire (1 ligne(s) + 4 Lien(s) en signature + 0 profil WWW + 0 mise(s) en forme)
Vous avez seulement 5 crédits de disponible :(
Vérifiez les nouvelles rêgles des signatures du forum, SVP

Avatar de l’utilisateur   
referenceur
Like Rank Total : 3.5    
Actif
 
Messages : 2000
Inscription : Sam 31 Oct 2009 19:21
Localisation : Lyon

le Lun 17 Jan 2011 15:58

:cry: :cry:

j'aurai pas du répondre alors lol :lol: :lol:

enfin c'est vrai que ta remarque est justifiée :geek:
faire un site test en lorem ipsum avec une bannière déjà présente ...


Avatar de l’utilisateur   
Percenoir    
Actif
 
Messages : 18
Inscription : Lun 8 Mar 2010 13:38
Localisation : marseille







    
 
Répondre

Retourner vers Développement d'un site web




Autres sujets proches :
• probleme utilisation de SEO Soft       28/11/2010
• Problème avec mes images       05/01/2010
• Problème de pointage ?       10/11/2010
• Problème de positionnement google       18/02/2010
• probleme j'ai rien un petit coup de main       04/04/2010
• Problème référencement naturel       17/03/2010
• Probleme 404 et doublos sur page       26/08/2011
• Probleme réferencement       31/10/2011