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

Discussion: Table et media query

  1. #1
    Membre régulier
    Homme Profil pro
    pas grand chose
    Inscrit en
    septembre 2018
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : pas grand chose
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : septembre 2018
    Messages : 131
    Points : 73
    Points
    73

    Par défaut Table et media query

    Bonjour

    Je cherche à faire un tableau de 4 colonnes sur écran large ( >= 960px) et de 2 colonnes sur deux lignes su écran plus petit avec des bordures verticales séparatrices sur les colonnes 1,2,3 ( c est à dire pas de border-right sur la dernière colonne)

    J y parviens sur un écran large mais quand je réduis mon écran, cela ne ressemble plus du tout à ce que je veux car les colonnes sont toutes sur la même ligne.

    Vos conseils (même une autre approche) sont les bienvenus.

    mon 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
    table {
        width: 100%;
        border-collapse: collapse;
     
    }
    table td + td + td + td {
      border: none;
    }
    table,
    tr,
    td {
        border: none;
    }
     
    td {
        width: 50%;
        padding: 1em;
        border-right: 1px solid red;
    }
     
    @media screen and (min-width: 960px) {
        td {
            width: 25%;
        }
    }
    mon
    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
    <table>
                    <tr>
                        <td>
                            cell 1
                        </td>
                        <td>
                            cell 2
                        </td>
                        <td>
                            Cell 3
                        </td>
                        <td>
                            Cell 4
                        </td>
                    </tr>
                </table>

    merci de votre aide...

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    13 665
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 13 665
    Points : 33 408
    Points
    33 408

    Par défaut

    Bonjour,
    Vos conseils (même une autre approche) sont les bienvenus.
    dans ce cas oublie l'élément <table> et passe à un mode de rendu via display:flex.

  3. #3
    Membre régulier
    Homme Profil pro
    pas grand chose
    Inscrit en
    septembre 2018
    Messages
    131
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : pas grand chose
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : septembre 2018
    Messages : 131
    Points : 73
    Points
    73

    Par défaut

    Merci, je vais suivre ton conseil

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

Discussions similaires

  1. Media queries et balise <img/>
    Par pascouoi dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/09/2010, 17h24
  2. Gérer un insert et un append d'une table sur un Query
    Par medkyl dans le forum Bases de données
    Réponses: 3
    Dernier message: 11/03/2009, 12h04
  3. Réponses: 5
    Dernier message: 05/12/2008, 00h55
  4. Impossible de modifier une table derrière un query ?
    Par Mihalis dans le forum Bases de données
    Réponses: 2
    Dernier message: 07/04/2006, 11h11
  5. Position d'un enregistrement dans une table ou requête Query
    Par polinevol dans le forum Bases de données
    Réponses: 3
    Dernier message: 21/01/2006, 03h53

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