Problème d'insertion dans une DIV

Résolu
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention   -  
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention   -
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.
A voir également:

4 réponses

arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
T'aurai pas un lien vers ta page?
Sans ça difficile de se rendre compte du résultat...
0
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
mon site est encore en local.
0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   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
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
ok pas de problème je te donne un liens de ma page dans quelques minutes.
0
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
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
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   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
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
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
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
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Je t'ai dit, envoi moi les fichiers sinon et je regarderai.
0
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
Salut arthezius,

Je viens juste de résoudre mon problème .

Merci pour ton aide .

Voici la résolution:

code html: https://gist.github.com/anonymous/732152

code css: https://gist.github.com/732154

À la prochaine.

a++
0
arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Oublie pas de modifier le statu en résolu.
0
ciranox Messages postés 387 Date d'inscription   Statut Membre Dernière intervention  
 
ok. j'oublie parfois .
0