Partage
  • Partager sur Facebook
  • Partager sur Twitter

Décalage sur mobile

NathanLeCorronc
    13 décembre 2018 à 15:38:15

    bonjour à vous tous, j'ai presque le même soucis, si on passe pas par un tableau, y a quoi comme soluce ? je cherche juste à pouvoir visualiser correctement ça que ce soit sur tablette, mobile ou bien ordi.

    puis obtenir sur un écran plus petit cet affichage ? les mecs qui ont fait ça on utilisé WordPress, je dois du coup essayer de trouver de nouvelles choses mais je n'y arrive pas.

     

    Je voulais le faire en media query sauf que via WP on peut pas ou alors je sais pas comment :/ 
    Une gentille personne pourrait me venir en aide s'il vous plait :)

    voici le Css : .navbar-brand {

        height: 130px !important;
     margin-top: 8px ;
    }
    /*
    .focus-box .service-icon 
    {
      width: 150px; !important
    }
    #paconta
    {
      font-size: 25px; !important
    }
    #menu-item-143
    {
     color: #fff; !important
    }
    */
    .focus-box .service-icon
    {
      width: 90px;
      height: 90px;
    }
    .our-clients h5
    {
      display: none;
    }
    button, input[type="button"], input[type="reset"], input[type="submit"]
    {
      background-color: #88377b
    }
    button, input[type="button"], input[type="reset"], input[type="submit"]:hover
    {
      background-color: #fff;
      color: #88377B;
    }
    /*
    h3
    {
      text-decoration: underline !important;
      font-weight: bold;
      font-size: 20px
    }
    input[type="text"], input[type="email"], input[type="tel"], textarea
    {
      border-radius: 9px;
    }
    */
    table
    {
      border: none;
      width: 1130px !important;
    }
    td
    {
      border: none
    }
    #titre
    {
      height: 3px;
      background-color : #fff
    }
    hr
    {
      height: 2px;
       background-color: #fff;
    }
    Et le reste : 
    <table id="tblaccueil">
    <tr>
    <td>Liste des prestations réalisées à
    l’intérieur :
    - Relamping
    - Maintenance du système d’éclairage
    - Maintenance préventive et corrective de vos
    systèmes de climatisation et VMC
    - Location avec entretien et S.A.V de fontaines
    d’eau sur réseau</td>
    <td>Liste des prestations réalisées en
    extérieur :
    - Nettoyage &amp; Démoussage toitures
    industrielles et façade
    - Nettoyage panneaux solaires
    et photovoltaïques
    - Nettoyage bardage industriel intérieur
    et extérieur
    - Salage et entretien de vos parkings</td>
    </tr>
    </table> 
    sorry pour ce message ultra long mais je suis bloqué :| je débute en info me jugez pas si c'est un problème simple.
    • Partager sur Facebook
    • Partager sur Twitter
    Zoki_Marciano
    • HTML / CSS
      13 décembre 2018 à 18:01:05

      On utilise pas un tableau pour la mise en forme.
      • Partager sur Facebook
      • Partager sur Twitter
      Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
      SupernessQwick
        13 décembre 2018 à 22:16:53

        Salut !

        Je ne vois pas comment tu peux rendre responsive des cellules de tableau… [Edit: Merci Zoki_Marciano !] Essayes avec Flexbox layout et une taille minimum, ou alors du bon vieux float.

        -
        Edité par SupernessQwick 16 décembre 2018 à 15:08:13

        • Partager sur Facebook
        • Partager sur Twitter
        Zoki_Marciano
        • HTML / CSS
          14 décembre 2018 à 17:39:15

          Il est tout à fait possible de rendre responsive les cellules d'un tableau. Et pour ce type de données il n'y a pas de question à se poser : Le tableau n'est pas du tout fait pour il faut revoir le code avec effectivement du flexbox.

          Un peu de lecture :

          https://css-tricks.com/accessible-simple-responsive-tables/

          • Partager sur Facebook
          • Partager sur Twitter
          Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.

          Décalage sur mobile

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur ●
          • Markdown