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 -
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.
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:
- Problème d'insertion dans une DIV
- Insertion sommaire word - Guide
- Touche insertion clavier - Guide
- Insertion filigrane word - Guide
- Insertion liste déroulante excel - Guide
- Insertion signature word - Guide
4 réponses
mon site est encore en local.
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 -->
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 -->
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
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 -->
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++
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++
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++
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++