Vous n'êtes pas identifié.

Annonce

#1 Formulaire "rebelle" du 23-12-2010 19:27:51

editeur38
c00lnaute discret
Lieu: ISERE
Date d'inscription: 28-12-2008
Messages: 41
Site web

Formulaire "rebelle"

Bonjour,

Sur cette page de mon blog : http://www.sommeil-infos.com/comment-mieux-dormir je n'arrive pas à réduire la taille du
formulaire comme je veux. Je change la taille dans le code, mais ça ne fait rien !

En fait je voudrais le faire le plus petit possible et surtout que l'on m'explique.
(pour ne plus vous embêter la prochaine fois)Sourire

Merci de votre aide,

Christian


Du graphisme gratuit pour vos blogs et vos sites: www.graphic-web2.com

Hors ligne

 

23-12-2010 19:27:51

Mister $$$
Créer un site


#2 Re Formulaire "rebelle" du 24-12-2010 11:18:47

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Re: Formulaire "rebelle"

Bonjour,
Voici une autre version de ton formulaire, corrigée de toutes les erreurs de code ... :

Code:

<table style="border:3px dashed #000000; background-color:#F2F7FC; padding:5px; text-align:center;">
    <tr valign="middle">
        <td>

<p style="color:#990000;">
    <strong>
        Remplissez vite ce formulaire
        <br />
        pour recevoir votre guide gratuit :
    </strong>
</p>

<form id="form" action="http://www.cybermailing.com/mailing/subscribe.php" method="post">
<input type="hidden" name="Liste" value="205841">

<table border="0" cellpadding="3" cellspacing="0" height="1" width="300" style="font:Verdana;">
<tbody>
    <tr>
        <td height="22" width="120" align="right">
            <p>
                Prénom
            </p>
        </td>
        <td height="22" width="200">
            <input name="Name" size="25" type="text">
        </td>
    </tr>

    <tr>
        <td height="22" width="120" align="right">
            Email
        </td>
        <td height="22" width="200">
            <input name="Email" size="25" type="text">
        </td>
    </tr>

    <tr>
        <td colspan="2" width="300" align="center">
            <p>
                &nbsp;
                <br />
                <input value="OUI ! Je veux mieux dormir !" name="B1" type="submit">
                <br />
                <br />
                <span class="legal">
                    Votre email ne sera jamais cédé,
                    <br />
                    prêté ou vendu à quiconque
                </span>
            </p>
        </td>
    </tr>
</tbody>
</table>
</form>

        </td>
    </tr>
</table>

ATTENTION !

Tu as fait beaucoup d'erreurs dans ce code, les balises sont mal imbriquées, leur ouverture et fermeture doivent suivre un ordre précis.
Je te conseil la relecture de l'article structure d'une page HTML dans lequel tu comprendras comment utiliser les balises HTML.

Pour modifier ce formulaire, tu peux jouer sur les marges (padding dans le CSS).
Plus la valeur sera importante, plus les marges seront importantes.

Si tu as des questions, n'hésites pas à les poser !

Hors ligne

 

#3 Re Formulaire "rebelle" du 26-12-2010 14:22:55

editeur38
c00lnaute discret
Lieu: ISERE
Date d'inscription: 28-12-2008
Messages: 41
Site web

Re: Formulaire "rebelle"

Bonjour,

Merci pour avoir passé du temps à corriger mon code. Mais si je l'affiche
dans Komposer par exemple, tout va bien. Si je l'affiche dans Wordpress,
la boite de capture devient énorme.

Je suppose qu'il faut trafiquer le CSS, mais je ne vois pas quoi !!!

Christian


Du graphisme gratuit pour vos blogs et vos sites: www.graphic-web2.com

Hors ligne

 

#4 Re Formulaire "rebelle" du 27-12-2010 11:43:52

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 1631
Site web

Re: Formulaire "rebelle"

Salut et bonne fête de fin d'année à vous en passant icon_mrgreen:),

Une autre façon de procéder sans tableau :
CSS:

Code:

<style type="text/css" media="screen">
/*on donne une taille fixe au formulaire*/
fieldset{
width:250px;
border:1px solid red;
}
/*en position absolute, le texte du label s'aligne sur les input*/
label{
position : absolute;
font-weight:bold;
}
/*uniquement pour les champs de saisie de type text*/
/*on force le retour à la ligne par le display avec une marge à gauche de 60px*/
input[type=text]{
display:block;
margin-left:60px;
margin-bottom:5px;
}
/*uniquement pour le bouton de type submit, on applique des marges*/
input[type=submit]{
margin:5px 25px ;
}
</style>

XHTML :

Code:

<form id="form" action="#" method="post">
<fieldset>
<input name="Liste" value="" type="hidden"/>
<label for="prenom">Pr&eacute;nom</label>
<input size="25" name="Name" type="text"/>
<label for="email">Email</label>
<input size="25" name="Email" type="text"/>
<input name="B1" value="OUI ! Je veux mieux dormir !" type="submit"/>
Votre email ne sera jamais c&eacute;d&eacute;, pr&ecirc;t&eacute; ou vendu &agrave; quiconque.
</fieldset>
</form>

A toi d'adapter le CSS en fonction de celui que tu utilises déjà.

Hors ligne

 

#5 Re Formulaire "rebelle" du 27-12-2010 11:56:11

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Re: Formulaire "rebelle"

Voila un courageux qui a tout reprit lol

Passes aussi de bonnes fêtes de fin d'année à toi aussi l'ancien siffle

Et en passant, vérifies ta boite mail à laquelle sont envoyés les messages de ton site big_smile

Hors ligne

 

#6 Re Formulaire "rebelle" du 27-12-2010 12:49:40

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 1631
Site web

Re: Formulaire "rebelle"

mic54800 a écrit:

Passes aussi de bonnes fêtes de fin d'année à toi aussi l'ancien siffle

002 tu habites ou déjà ?icon_mrgreen
Je matte ma boîte mail..

Hors ligne

 

#7 Re Formulaire "rebelle" du 27-12-2010 12:54:11

mic54800
Super Modérateur ^^
Lieu: Brainville (54)
Date d'inscription: 25-08-2007
Messages: 819
Site web

Re: Formulaire "rebelle"

C'est marqué sur mon profil big_smile
Mais bon, sors les chaines si tu veux venir me botter le cul lol icon_mrgreen

Hors ligne

 

#8 Re Formulaire "rebelle" du 27-12-2010 13:41:15

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 1631
Site web

Re: Formulaire "rebelle"

t'as de la chance, je n'ai pas envie de me taper 700 bornes 014

Hors ligne

 

#9 Re Formulaire "rebelle" du 28-12-2010 00:14:33

editeur38
c00lnaute discret
Lieu: ISERE
Date d'inscription: 28-12-2008
Messages: 41
Site web

Re: Formulaire "rebelle"

@c00lman

Désolé, mais je n'y comprends rien du tout !

Dans le XHTML il n'y a plus le code d'identification de mon
autorépondeur.

C'est un blog Wordpress.

Christian


Du graphisme gratuit pour vos blogs et vos sites: www.graphic-web2.com

Hors ligne

 

#10 Re Formulaire "rebelle" du 28-12-2010 11:01:33

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 1631
Site web

Re: Formulaire "rebelle"

editeur38, j'ai raccourcie, voir supprimé certains éléments de ton code initial pour te montrer que l'on pouvait également tout positionner avec du CSS. Tu as juste à reprendre le code de ton formulaire, supprimer le tableau qui te sert à positionner tes éléments et ajouter les balises fieldset et label au bon endroit plus le css.

Par ailleurs, je viens de me rendre compte que ton formulaire était traité (les erreurs) par cybermailing.com, pourquoi ne pas effectuer le traitement directement sur ton site et envoyer les données après (dans une nouvelle fenêtre ou popup de préférence)?

Hors ligne

 

#11 Re Formulaire "rebelle" du 28-12-2010 19:23:14

editeur38
c00lnaute discret
Lieu: ISERE
Date d'inscription: 28-12-2008
Messages: 41
Site web

Re: Formulaire "rebelle"

Bonjour,

Oui, mais ce que je tente de t'expliquer, c'est que dans un site "classique", j'arriverai à comprendre
ce que tu me dis, et à faire les modifs.

Mais là il s'agit d'un site(blog) Worpress, et il y a plusieurs fichiers CSS. Je n'arrive pas à voir où il faut
modifier !

Connait-tu Worpress ?

Christian


Du graphisme gratuit pour vos blogs et vos sites: www.graphic-web2.com

Hors ligne

 

#12 Re Formulaire "rebelle" du 28-12-2010 20:31:50

c00lman
Administrateur
Date d'inscription: 16-08-2007
Messages: 1631
Site web

Re: Formulaire "rebelle"

Salut,

Je n'avais pas comprit que tu était perdu dans les méandres de wordpress 014 .J'ai utilisé une seule fois wordpress et d après ce que je m'en souvient, les modifications css ce font directement en sélectionnant le thème que tu utilises soit "/themes/twentyten/style.css" .

Hors ligne

 

#13 Re Formulaire "rebelle" du 28-12-2010 21:01:50

editeur38
c00lnaute discret
Lieu: ISERE
Date d'inscription: 28-12-2008
Messages: 41
Site web

Re: Formulaire "rebelle"

Merci. Mais quand on m'aide pour un site, ça va. Mais pour Worpress, ça coince.

Christian


Du graphisme gratuit pour vos blogs et vos sites: www.graphic-web2.com

Hors ligne

 

Propulsé par PunBB
© Copyright 2007
Forum créer un site

Partenaires de « créer un site internet »