Problème d'insertion dans une DIV

Résolu
ciranox Messages postés 436 Statut Membre -  
ciranox Messages postés 436 Statut Membre -
Bonjour,

Quand j'insère un système de partage sur ma <div id="gauche"> ça me modifie complètement mon design.

Voici mon code html:

<div id="gauche">
<!-- CHAMP NEWSLETTERS -->
<div class="newsletter" id="test">
<form method="post" action="Page/newsletters/inscription.php">
<input name="email" type="text" class="for" size="13" />
<input name="valid" type="image" class="ok" value="Valider" src="image/decoupe/ok.png" />
<input name="action" type="radio" class="abo" value="abo"
checked="checked" />S'abonner
<input name="action" type="radio" class="desabo" value="desabo" />Désabonner
</form></div></div>

<!-- FIN CHAMP NEWSLETTERS -->
<!-- ALONGEMENT DE LA PARTIE GAUCHE -->
<img src="image/decoupe/repeat1.jpg" id="repeat1" alt="" />
</div>
<!-- FIN ALONGEMENT DE LA PARTIE GAUCHE -->

Voici mon code Css:

#gauche {
margin-left:0px;
margin-top:0px;
width:197px;
height:780px;
margin-bottom:0px;
float:left;
display:inline;
background-image:url(../../image/decoupe/gauche.jpg);
overflow:hidden;}

Moi je voudrais insérer ce code dans la div gauche:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="https://www.addthis.com/bookmark.php?v=250&username=xa-4cfd1cff6bd9aa08" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cfd1cff6bd9aa08"></script>
<!-- AddThis Button END -->

Merci d'avance.

4 réponses

  1.
    arthezius Messages postés 3756 Statut Membre 475
     
    T'aurai pas un lien vers ta page?
    Sans ça difficile de se rendre compte du résultat...
    0
  2. ciranox Messages postés 436 Statut Membre
     
    mon site est encore en local.
    0
    1. arthezius Messages postés 3756 Statut Membre 475
       
      Oui mais en l'état je peux pas vraiment t'aider surtout que je n'ai pas le code complet de ta page...
      As tu la possibilité de mettre ton code en ligne?
      0
    2. ciranox Messages postés 436 Statut Membre
       
      ok pas de problème je te donne un liens de ma page dans quelques minutes.
      0
    3. ciranox Messages postés 436 Statut Membre
       
      Code HTML:

      https://gist.github.com/anonymous/730707

      Code CSS:

      https://gist.github.com/anonymous/730710


      et voici le code que je voudrais insérer dans ma <div id="gauche">

      <!-- AddThis Button BEGIN -->
      <div class="addthis_toolbox addthis_default_style ">
      <a href="https://www.addthis.com/bookmark.php?v=250&username=xa-4cfd2e80451baf0a" class="addthis_button_compact">Share</a>
      <span class="addthis_separator">|</span>
      <a class="addthis_button_preferred_1"></a>
      <a class="addthis_button_preferred_2"></a>
      <a class="addthis_button_preferred_3"></a>
      <a class="addthis_button_preferred_4"></a>
      </div>
      <script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cfd2e80451baf0a"></script>
      <!-- AddThis Button END -->
      0
    4. arthezius Messages postés 3756 Statut Membre 475
       
      L'idéal, plutôt que de simplement avoir le code html+css (restant incomplet par manque de js, images etc...) serait que tu m'envoie le tout ou que tu l'héberge avec tout les éléments.
      0
  3. LaurentJ
     
    salut, en l'incluant comme ceci, ça ne pose pas de problème de mise en page.
    je pense qu'en modifiant ta css du addthis_button, ça devra être bon..
    perso j'ai enlevé le margin-top et remplacé par top:175px et le margin-right en margin-left 5px 

    <div id="gauche">
        <!-- CHAMP NEWSLETTERS -->
        <div class="newsletter" id="test">
        <form method="post" action="Page/newsletters/inscription.php">
        <input name="email" type="text" class="for" size="13" />
        <input name="valid" type="image" class="ok" value="Valider" src="image/decoupe/ok.png" />
        <input name="action" type="radio" class="abo" value="abo"
        checked="checked" />S'abonner
        <input name="action" type="radio" class="desabo" value="desabo" />Désabonner
        </form></div>
		<div class="addthis_toolbox addthis_default_style "> 
<a href="https://www.addthis.com/bookmark.php?v=250&username=xa-4cfd2e80451baf0a" class="addthis_button_compact">Share</a> 
<span class="addthis_separator">|</span> 
<a class="addthis_button_preferred_1"></a> 
<a class="addthis_button_preferred_2"></a> 
<a class="addthis_button_preferred_3"></a> 
<a class="addthis_button_preferred_4"></a> 
</div> 
<script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cfd2e80451baf0a"></script> </div>
        
        <!-- FIN CHAMP NEWSLETTERS -->
        <!-- ALONGEMENT DE LA PARTIE GAUCHE  -->
		<img src="image/decoupe/repeat1.jpg" id="repeat1"  alt="" />
        </div>
        <!-- FIN ALONGEMENT DE LA PARTIE GAUCHE  -->
    0
  4. ciranox Messages postés 436 Statut Membre
     
    Salut,

    Je viens d'essayer ce que tu m'as dit de faire . Malheureusement pour moi ça ne marche pas . Ça modifie complétement mon design. Arthezius me dit d'héberger mon site en ligne, effectivement ce serait plus facile pour les personnes qui veulent m'aider de voir le problème.

    Mon site est fini qu'à 40%, je crois que c'est une mauvaise idée d'héberger un site fini à 40 %.

    Je continue à chercher une solution.

    Merci.

    A++
    0
    1. arthezius Messages postés 3756 Statut Membre 475
       
      Je t'ai dit, envoi moi les fichiers sinon et je regarderai.
      0
    3. arthezius Messages postés 3756 Statut Membre 475
       
      Oublie pas de modifier le statu en résolu.
      0
    4. ciranox Messages postés 436 Statut Membre
       
      ok. j'oublie parfois .
      0