1 pièce(s) jointe(s)
réduire l'espace interieur généré par les balises form
Bonjour,
Sur le schéma en pièce jointe vous pouvez voir deux découpes de la zone de recherche de mon site internet, découpes de copie d'écran.
Il n'y a aucun redimensionnement des tailles, simplement IE m'affiche un padding de la mort, alors que firefox fonctionne normalement.
Je veux donc que le champ de recherche s'affiche à l'identique sur IE et firefox ou du moins que sur IE il prenne moins de place.
J'ai remarqué qu'avec IE, toutes les balises form génèrent un espace en haut et en bas. Mais je n'arrive pas à le réduire.
Pièce jointe 1365
Je vous file le code html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| <div class="rechercheBloc">
<div class="inscription">
<div class="liensInscription">
<a href="inscription-condition.php">Inscription</a>
-
<a href="identification.php">Connexion</a>
</div><!--ferme liensInscription -->
</div><!--ferme inscription-->
<div class="recherche">
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.fr/custom" target="_top">
<input type="hidden" name="domains" value="site.com"></input>
<input type="text" name="q" size="22" maxlength="255" value=""></input>
<input type="radio" name="sitesearch" value="" ></input>
<font size="-1" color="#000000">Web</font>
<input type="radio" name="sitesearch" value="site.com" checked="checked"></input>
<font size="-1" color="#000000">Site</font><br>
<input type="submit" name="sa" value="recherche Google"></input>
<input type="hidden" name="client" value="pub-78458879892151"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:0000FF;LC:0000FF;T:330099;GFNT:FFFFFF;GIMP:FFFFFF;LH:41;LW:182;L:http://www.site.com/google.jpg;S:http://www.site.com;FORID:1;"></input>
<input type="hidden" name="hl" value="fr"></input>
<input type="hidden" name="hl" value="fr"></input>
</form>
<!-- SiteSearch Google -->
</div><!--ferme recherche-->
</div><!--ferme la div rechercheBloc --> |
Et le code CSS:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
|
.rechercheBloc
{
border:1px solid #666666;
border-right:none;
margin-bottom:5px;
background-image:url(../visu/original/fondTh.gif);
width:182px;
float:right
}
.recherche
{
padding:5px
}
/**la zone avec les liens inscriptions|connexion **/
.inscription
{
background-color:#FFFFCC;
border-bottom:1px solid #666666;
text-align:center;
padding:2px;
;}
/** le style pour les liens (identification-inscription)**/
.inscription a
{
text-decoration:none;
color:#0000FF
;}
.inscription a:hover
{
text-decoration:none;
color:#FF0000
}
.inscription a:visited
{
text-decoration:none;
color:#0000FF
} |
Voilà il s'agit donc simplement de réduire l'espace pris par le champ de recherche adsense