Discussion :

[Chocapic]

Bonjour,

J'essaye de rajouter un formulaire d'inscription à une newsletter sur mon site, j'ai récupéré le bout de code suivant généré par Mailchimp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="//unecartedumonde.us2.list-manage.com/subscribe/post?u=98ebfc20417b789da9fb7f0a9&amp;id=0c328a0d7b" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<h2>Une carte par semaine, dans votre email</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group"><label for="mce-EMAIL">Adresse Email <span class="asterisk">*</span>
</label>
<input id="mce-EMAIL" class="required email" name="EMAIL" type="email" value="" /></div>
<div class="mc-field-group"><label for="mce-FNAME">Prénom <span class="asterisk">*</span>
</label>
<input id="mce-FNAME" class="required" name="FNAME" type="text" value="" /></div>
<div id="mce-responses" class="clear"></div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_98ebfc20417b789da9fb7f0a9_0c328a0d7b" type="text" value="" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Subscribe" /></div>
</div>
</form></div>
<!--End mc_embed_signup-->

Seulement, quand je l'intègre sur mon wordpress, cela me donne quelque chose de complètement déformé, au niveau du bouton subscribe : http://imgur.com/RUavXh4

l'adresse de mon site : www.unecartedumonde.fr

Je précise que je n'y connais vraiment pas grand chose en html/css
Est ce que quelqu'un saurait me dépanner la dessus?

Merci !

[cristelle1986]

Seulement, quand je l'intègre sur mon wordpress, cela me donne quelque chose de complètement déformé, au niveau du bouton subscribe : http://imgur.com/RUavXh4

Et tu aimerais que ton subscribe soit à l'horizontale c'est cela?

[cristelle1986]

si c'est bien cela voici un petit exemple d'un de mes menu:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="menu_infos">
 
                    <ul class="niveau1">
                        <li class="niv2"><a href="infos.php?page=mon__profil">Mon profil</a></li>
                        <li class="niv2"><a href="infos.php?page=photos">photos</a></li>
                        <li class="niv2"><a href="infos.php?page=videos">vidéos</a></li>
                        <li class="niv2"><a href="infos.php?page=description">description</a></li>
                        <li class="niv2"><a href="infos.php?page=recommandations">recommandations</a></li>
                        <li class="niv2"><a href="infos.php?page=visites">visites</a></li>
                        <li class="niv2"><a href="infos.php?page=Modifier_mon_profil">modification du profil</a></li>
                    </ul>
 
</div>

le css:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.menu_infos{padding:10px;float:left;text-align: center;margin-left:50px;margin-top:-30px;}
.niv2{list-style-type:none;display:block;margin-left:8px;float: left;border:solid 1px;border-color:grey;}

ce qui donne ceci:


bon c'est très basique car je n'ai pas trop finalisé ce menu pour l'instant...(autre chose de plus compliqué) ^^

mais au moins tu auras une petite base

[Chocapic]

Oui, j'aimerai que ca soit à l'horizontale.

Du coup je ne sais pas identifier la partie dans mon code qui fait que c'est inscrit à la verticale...

[cristelle1986]

ton bout de code est ceci pour le bouton:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Subscribe" /></div>
</div>

donc la class: clear pour la div
et la class: button pour le bouton

il devrait y avoir un fichier css pour ces class, pourrais-tu le montrer stp?