Vous n'êtes pas identifié.
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
Hors ligne

Bonjour,
Voici une autre version de ton formulaire, corrigée de toutes les erreurs de 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>
<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
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
Hors ligne
Salut et bonne fête de fin d'année à vous en passant
:),
Une autre façon de procéder sans tableau :
CSS:
<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 :
<form id="form" action="#" method="post"> <fieldset> <input name="Liste" value="" type="hidden"/> <label for="prenom">Pré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édé, prêté ou vendu à quiconque. </fieldset> </form>
A toi d'adapter le CSS en fonction de celui que tu utilises déjà.
Hors ligne
Voila un courageux qui a tout reprit 
Passes aussi de bonnes fêtes de fin d'année à toi aussi l'ancien 
Et en passant, vérifies ta boite mail à laquelle sont envoyés les messages de ton site 
Hors ligne
mic54800 a écrit:
Passes aussi de bonnes fêtes de fin d'année à toi aussi l'ancien
tu habites ou déjà ?![]()
Je matte ma boîte mail..
Hors ligne
C'est marqué sur mon profil 
Mais bon, sors les chaines si tu veux venir me botter le cul
![]()
Hors ligne
t'as de la chance, je n'ai pas envie de me taper 700 bornes 
Hors ligne
@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
Hors ligne
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
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
Hors ligne
Salut,
Je n'avais pas comprit que tu était perdu dans les méandres de wordpress
.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
Merci. Mais quand on m'aide pour un site, ça va. Mais pour Worpress, ça coince.
Christian
Hors ligne
Propulsé par PunBB
© Copyright 2007
Forum créer un site