IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

réduire l'espace interieur généré par les balises form


Sujet :

HTML

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut 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.
    Nom : schema_recherche.gif
Affichages : 82
Taille : 6,9 Ko
    Je vous file le code html :
    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
    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>
     &nbsp; - &nbsp;
     <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 : 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
    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
    C'est pas parce que j'ai tort que vous avez raison.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut
    Bon voila, il suffit d'ouvrir la page, avec firefox et IE pour voir la différence.

    Dans la pratique ça se présente comme l'image gif au dessus, mais là déjà on voit bien la différence.

    **edit**
    Bon la page s'ouvre pas d'elle même ça affiche le code, vla autre chose maintenant...
    Fichiers attachés Fichiers attachés
    C'est pas parce que j'ai tort que vous avez raison.

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    Il suffit de jouer sur le padding du form ...
    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form style="padding:0 0 0 0"></form>
    Et en principe, tu devrais obtenir ce que tu recherches

  4. #4
    Invité
    Invité(e)
    Par défaut
    je rajouterais dans le css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    form
    {
      margin:0px;
      padding:0px;
    }
    Affichage identique ie/firefox ^_^
    @++

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut
    J'ai essayé la solution de jeff2034, ça fonctionne

    Celle de Kerod fonctionne pas


    Merci en tout cas, ça faisait des mois que ça m'empêchait de dormir ce truc là. Je me grattais dans la rue en y pensant et tout.
    C'est pas parce que j'ai tort que vous avez raison.

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    C'est louche lol Il manque peut-etre le margin, car si tu remarques bien c'est la seule différence avec le css ci-dessus

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut
    Peut être mais j'ai pas le courage d'essayer là, ça fonctionne déjà c'est bon.

    En tout cas merci quand même d'avoir participé Kerod
    C'est pas parce que j'ai tort que vous avez raison.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 09/04/2013, 20h43
  2. [Spip] Code généré par les raccourcis typographiques
    Par djwarman dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 2
    Dernier message: 10/12/2010, 13h43
  3. Voire la sortie généré par les printf() de ma DLL.
    Par Pierre8r dans le forum Visual C++
    Réponses: 8
    Dernier message: 22/01/2008, 21h57
  4. [Continuum] Afficher les rapports générés par les plugins maven
    Par dferot dans le forum Intégration Continue
    Réponses: 4
    Dernier message: 14/11/2007, 17h25
  5. Espace disque occupé par les données
    Par klereth dans le forum PostgreSQL
    Réponses: 2
    Dernier message: 13/12/2005, 14h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo