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

Mise en page CSS Discussion :

Formulaire en CSS


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Septembre 2008
    Messages
    171
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Septembre 2008
    Messages : 171
    Par défaut Formulaire en CSS
    Bonjour,

    J'ai quelque petit soucis avec ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div id="result" style="display:none;">
    <tr>
    <td><span>Votre question secrète : </span></td>
    <td><input type="text" name="questSecrete" id="questSecrete" value="" class="validate[]"/></td>
    </tr>
    <tr>
    <td><span><label for="repSecrete">Votre réponse ? </span></td>
    <td><input type="password" name="repSecrete" id="repSecrete" value="" class="validate[required]"/></label></td>
    </tr>
    </div>
    j'aimerrais tout simplement que ma div result soit tout simplement en display nonn et cela ne marche pas

    Je précise qu'avant tout ça j'ai :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="corps_mid_accueil">
    <form>
    <FIELDSET>
    <LEGEND>
    <table>
    et là le code que j'ai mis au début.

    Il me semble que dans un tableau la div doit prendre :
    style="display : table-row;" pour faire du block mais pour faire du none c'est quoi !!!!???

    merci par avance

  2. #2
    Membre chevronné
    Femme Profil pro
    Développeur Java
    Inscrit en
    Décembre 2009
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Femme

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Finance

    Informations forums :
    Inscription : Décembre 2009
    Messages : 236
    Par défaut
    Bonjour
    As tu verifié l'heritage de ta div? Dans ce cas un '!important' pourrait régler le problème

  3. #3
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    Tu as testé ce code sous quel navigateur ?
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    La structure d'une table HTML ne permet tout simplement pas ce genre de bricolage !
    Le balisage HTML hors celui de la structure de la table n'est autorisé que dans les balises <td> voire <th>.

    EDIT :
    Il me semble que dans un tableau la div doit prendre :
    style="display : table-row;" pour faire du block
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre confirmé
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Septembre 2008
    Messages
    171
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Septembre 2008
    Messages : 171
    Par défaut
    Merci pour vos réponses:

    pour répondre à tous le monde, j'ai testé sous FireFox ou quand même une grande majorité du code fonctionne.
    Je ne vois pas du tout ce qu'est le "!important"

    comment tu utilse ceci, tu as un exemple avec mon code tant qu'à faire....

    sinon qu'elle pourrait être la solution à ce problème.

    J'ai un formulaire avec un champ de saisie d'adresse mail.

    Si l'adresse mail est dans la base de données, j'affiche la div caché avec 2 autres champs en dessous de l'adresse mail.

    C'est possible avec cette histoire d'héritage mais comment ?

    merci pour les réponses

  6. #6
    Membre éprouvé
    Homme Profil pro
    Développeur Full Stack
    Inscrit en
    Mai 2010
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Full Stack

    Informations forums :
    Inscription : Mai 2010
    Messages : 159
    Par défaut
    Dans ce cas tu fais:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <tr>
    <td>
    <div id="result">......</div>
    </td>
    </tr>

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

Discussions similaires

  1. elimination du contour d'un élément d'un formulaire avec css
    Par skyangel20 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/03/2007, 17h00
  2. Problème d'alignement dans formulaire en css
    Par hartecel dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 07/03/2007, 19h11
  3. Alignement boutons radio dans un formulaire en CSS
    Par totijax dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/09/2006, 10h02
  4. Formulaires en CSS
    Par c_may dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/07/2006, 22h48
  5. position et affiche élément formulaire en css
    Par argon dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 05/07/2006, 11h06

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