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 :

Comment positionner mon entête CSS


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 46
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Juillet 2019
    Messages : 10
    Par défaut Comment positionner mon entête CSS
    Bonjour

    J'ai un soucis avec l'entête mon tableau, je n'arrive pas à la positionner comme je souhaite


    Je suis débutante dans le développement.


    voici la partie du code qui pour moi pose problème :


    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <table class="table table-striped" style="background-color:#e7efd1 " id="@domain_libelle-tabela">
     
                <tr style=" font-weight:bold; color:white; background-color: #54734C;height:3px;font-family:Arial;font-size:20px;text-align:center; ">
     
                    <th style="text-align:center;max-width:10%"></th>
                    <th style="text-align:center;max-width:70%">Contenu</th>
                    <th style="text-align:center;max-width:20%">Conformite</th>
                </tr>
     
                  <tr>
                    <TD style="max-width:10px">@texte_num</TD>
                    <TD style="max-width:70px">Texte complet</TD>
                    <TD style="max-width:20px">


    je souhaite que mon entête prenne toute la largeur de mon tableau//que seul l'espace de mes données nécessaire soit utilisé dans mon tableau pour chaque élément //la j'ai trop d'espace vide//et qu'il n'y est pas d'espacement entre les deux élément entête et mon domaine, je m'explique
    l'élément produits pharmaceutique c'est un domaine et j'en ai 15 qui s'ouvre en accordéon et donc à l'intérieur de ces domaine j'ai pour chaque mon entête qui contient N° Contenu Conformité


    A savoir que cela s'ouvre en accordéon
    voici le plan

    file:///C:/Users/a.agnel/Desktop/Betty/Doc1.pdf
    A bientôt
    Images attachées Images attachées

  2. #2
    Membre Expert Avatar de darkstar123456
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 895
    Par défaut
    Bonjour,

    Je pense que je ne serai pas le seul donc je vais juste dire que j'ai absolument rien compris.... et le pire c'est que la capture d'écran, au lieu d'aider, ne fait qu'empirer cette incompréhension

  3. #3
    Membre habitué
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 46
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Juillet 2019
    Messages : 10
    Par défaut mon problème avec mon entête de tableau
    Je m'excuse je m'en doutais un peu...
    Je sais pas trop comment expliquais puisque je n'y connais pas grand chose. J'ai modifier certaines choses, espérant être plus explicite....
    bonne journée et merci d'avoir pris le temps de me répondre


    A bientôt

  4. #4
    Membre Expert Avatar de darkstar123456
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 895
    Par défaut
    Noooon n'abandonne pas !

    Si tu n'arrives pas à écrire ton problème, essaye peut-être plutôt de dessiner ce à quoi tu voudrais arriver

    On a vu sur ta capture d'écran ce à quoi ça ressemble actuellement. Essaye de faire un petit schéma pour montrer ce que tu souhaiterais avoir.
    Si tu trouves qu'avec une seule image finale, ce n'est pas clair, n'hésite pas à faire plusieurs schémas avec des étapes intermédiaires en décrivant un peu chaque étape.

    Par exemple, si on a une animation au click qui va de gauche à droite tu fais 3 images :
    - image 1 : état de départ - Tu indiques également où se fait le click
    - image 2 : état intermédiaire - tu peux ajouter des flèches pour montrer encore plus que ça part à droite par exemple
    - image 3 : état final

  5. #5
    Membre habitué
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2019
    Messages
    10
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 46
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Juillet 2019
    Messages : 10
    Par défaut avec schéma et plus
    re

    Code HTML : 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
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
                 <h4 style="font-weight:bold;color:#559035;background-color:#CBD9AD;">@domain_libelle</h4>
                }
     
               <table class="table table-striped" style="background-color:#e7efd1 " id="@domain_libelle-tabela">
     
               <tr style=" font-weight:bold; color:white; background-color: #54734C;height:3px;font-family:Arial;font-size:20px;text-align:center; margin: 0px;  width:1075px; border: 1px solid black; right:30px;">
     
                    <th style="text-align:center;max-width:10px"></th>
                    <th style="text-align:center;max-width:70%">Contenu</th>
                    <th style="text-align:center;max-width:20px">Conformite</th>
                </tr>
              <!-- Déclaration variables- (chemin empreinté) recherche de la valeur Texte-ID dans la BD entiere// chaque ligne de chaque colonne-->
                @{
                    var texte = Veille_Reglemaintere_Env.Models.Textes_Esqua.Textes_Manager.getTextebyId(item.Value.Texte_ID);
     
                  <!-- Affiche les 2 variables recherchées// pas besoin d'écrire, il est propose </!-->
     
                    var texte_num = texte.Texte_Thematiques + "-" + texte.Fiche_Synthese_Numero;
                }
            <!--Affiche pour l'utilisateur les valeurs demandées/corps du tableau-->
                <tr>
                    <TD style="max-width:10px">@texte_num</TD>
                    <TD style="max-width:70px">Texte complet</TD>
                    <TD style="max-width:20px">
     
                        @Veille_Reglemaintere_Env.Models.Gestion_arborescences.Process_Manager.Instance.get_Process_with_ID(item.Value.Process_ID_Ref)
     
                      <!-- Déclaration de mes variables qui garde toujours la même orthographie pour être retrouvées// dans la colonne Conformite //ligne par ligne-->
                        @{
                            string Nom_conformite = "";
                            if (item.Value.Conformite == "C")
                            {
                                Nom_conformite = "Conforme";
                            }
                            else if (item.Value.Conformite == "NC")
                            {
                                Nom_conformite = "Non Conforme";
                            }
                            else if (item.Value.Conformite == "R")
                            {
                                Nom_conformite = "Remarque";
                            }
                            else if (item.Value.Conformite == "AE")
                            {
                                Nom_conformite = "A évaluer";
                            }
                            else if (item.Value.Conformite == "NCS")
                            {
                                Nom_conformite = "Non_Conformite_Significative";
                            }
                            else if (item.Value.Conformite == "")
                            {
                                Nom_conformite = "";
                            }
                        }
                        @Nom_conformite
                        <br>
     
                      <!--Déclaration de ma variable DataTime// peut s'afficher brut sans modification dons pas besoin de fonction
                               // elle s’écrit puis se déclare en dessous systématiquement-->
     
                        @{
                            var DataTime = item.Value.Date_Debut.Date.ToString("dd/MM/yyyy");
                        }
                        @DataTime
                        <br>
                       <!--Identiquement à la variable DataTime-->
                        @{
                            HtmlString Commentaire = new HtmlString(item.Value.Commentaire);}@Commentaire
                            <br>
                        </TD>
                    </tr>
                    </table>
                    domaines.Add(domain_libelle);
                }
            }
    </div>
     @}
    doc2.pdf
    Images attachées Images attachées

  6. #6
    Membre Expert Avatar de darkstar123456
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    1 895
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 895
    Par défaut
    Si tu pouvais éditer ton message en entourant tout ton code par les balises [ code ] [ /code ] (sans les espaces) ça nous permettrait de mieux lire le code et d'être sûr que rien ne s'est perdu lors de l'affichage ^^

Discussions similaires

  1. Css print comment supprimer les entêtes
    Par l.laurent60 dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 14/12/2015, 11h46
  2. Comment corriger mon menu en CSS
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/06/2012, 12h22
  3. Comment maîtriser mon menu css correctement ?
    Par Velkan.nexus dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 01/12/2007, 20h32
  4. [CSS]Comment créer une entête
    Par Norabfr dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/04/2007, 10h23
  5. [Servlet] Comment référencer mon fichier CSS
    Par fytheone dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 07/01/2005, 09h58

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