Bonjour
j'ai mis un formulaire dans un paragraphe (fond coloré) et je n'obtiens pas le même rendu sous FF et sous IE !
Je ne comprends pas pourquoi sous IE le formulaire est en quelque sorte "poussé" hors de la boite du paragraphe ??
Voici la page :
http://pacsed.free.fr/squelettes/essaisbox.html
(je croyais que p n'acceptait que des element en ligne et que les input en étaient bien..)
Que faut'il que je fasse pour que sous FF le formulaire soit bien inclus dans le paragraphe ?
Merci beaucoup.
La feuille de style est la suivante :
le html :
Modifié par Madrilene (01 Feb 2008 - 19:41)
j'ai mis un formulaire dans un paragraphe (fond coloré) et je n'obtiens pas le même rendu sous FF et sous IE !
Je ne comprends pas pourquoi sous IE le formulaire est en quelque sorte "poussé" hors de la boite du paragraphe ??
Voici la page :
http://pacsed.free.fr/squelettes/essaisbox.html
(je croyais que p n'acceptait que des element en ligne et que les input en étaient bien..)
Que faut'il que je fasse pour que sous FF le formulaire soit bien inclus dans le paragraphe ?
Merci beaucoup.
La feuille de style est la suivante :
<style type="text/css">
/* les deux x2 cellules */
#cel,#celbas{
float:left;
display:inline;
}
#cel ul,#celbas ul{
list-style-type: none;
display:inline;
margin:0;
padding:0;
clear:both;
}
#cel li, #celbas li{
width:235px;
float:left;
display:inline;
margin: 6px 0 6px 10px;
padding:0;
}
#cel li img,#celbas li img{
margin: 0 6px;
max-width: 200px;
}
#cel li h4,#celbas li h4{
word-spacing: 0.1em;
display:block;
-height:1%;
}
/* AJOUT SARAH Des textes dans les deux x2 même cellules boites*/
#celbas li p{
background:#FFFFFF;
border: 1px solid #C5E41C;
}
le html :
<div id="cel">
<ul id="deco">
<li>
[(#REM) une breve en haut à gauche.]
<BOUCLE_blogbox_haut(BREVES){titre_mot=homebox_haut}{par num titre}{par date}{inverse}{0,1}>
<h4>coucou</h4>
<p><span class="logogauche"><a href="#URL_BREVE"><INCLURE{fond=logo}{id_breve}{taille=46}{date=#ENV{date}}></a></span>
essais blalalal hed jdbhqzeh</p>
</BOUCLE_blogbox_haut>
<h4>BOUTIQUE</h4>
<p>Boutique en ligne #NOM_SITE_SPIP.:
* si vous êtes déjà client, veuillez vous identifier
<THELIA SI NON CONNECTE>
<form action="#URLCOURANTE" method="post" class="connex" >
<!-- j'ai enlevé une ligne avec un input hidden -->
<input name="email" type="text" value="e-mail" size="5" onclick="this.value='';" />
<input name="motdepasse" type="password" value="000000" size="5" onclick="this.value='';" />
<a href="javascript:document.getElementById('connex').submit()" class="LIEN_entete">Valider</a>
<a href="mdpoublie.php" class="LIEN_entete">J'ai perdu mon mot de passe perdu ?</a>
</form>
</THELIA SI NON CONNECTE> </p>
<//B_blogbox_haut>
</li>
</ul>
</div>
Modifié par Madrilene (01 Feb 2008 - 19:41)