Problème d'insertion dans une DIV

Résolu/Fermé
ciranox Messages postés 387 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016 - 6 déc. 2010 à 18:45
ciranox Messages postés 387 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016 - 7 déc. 2010 à 20:23
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 jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 déc. 2010 à 19:12
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 vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
6 déc. 2010 à 19:22
mon site est encore en local.
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 déc. 2010 à 19:27
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 vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
6 déc. 2010 à 19:37
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 vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
6 déc. 2010 à 19:43
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 jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
6 déc. 2010 à 20:05
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
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 vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
7 déc. 2010 à 16:19
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 jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 déc. 2010 à 18:04
Je t'ai dit, envoi moi les fichiers sinon et je regarderai.
0
ciranox Messages postés 387 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
7 déc. 2010 à 19:04
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 jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
7 déc. 2010 à 19:19
Oublie pas de modifier le statu en résolu.
0
ciranox Messages postés 387 Date d'inscription vendredi 11 juillet 2008 Statut Membre Dernière intervention 28 février 2016
7 déc. 2010 à 20:23
ok. j'oublie parfois .
0