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

WordPress PHP Discussion :

modifier largeur colonne tableau dans wordpress


Sujet :

WordPress PHP

  1. #1
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 339
    Points : 5 724
    Points
    5 724
    Billets dans le blog
    1
    Par défaut modifier largeur colonne tableau dans wordpress
    Bonjour,

    je souhaite élargir une colonne d'un tableau html dans un article.

    Voici ce que j'ai fait :
    tableau de bord->apparence->personnaliser->CSS additionnel :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    .largeur{width:500px;}

    puis dans l'article :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <td class="largeur">Guide</td>
    mais pas moyen d'élargir cette colonne. Qu'ai-je fait de mal ?
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  2. #2
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 339
    Points : 5 724
    Points
    5 724
    Billets dans le blog
    1
    Par défaut
    Bonsoir,

    j'ai trouvé ce qui était mal : vouloir changer la dimension d'un élément inline. J'ai donc utilisé des éléments de type block (div) :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="type_table">
    <div class="type_ligne">
    <div class="type_cell largeur gras">Nom</div><div class="type_cell espace">&nbsp;</div>
    ...
    </div>
    </div>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .largeur{width:150px;}
    .double_largeur{width:250px;}
    .espace{width:5px;}
    .double_espace{width:30px;}
    .type_table{display:table;}
    .type_ligne{display:row}
    .type_cell{display:table-cell}
    .gras{font-weight:bold;}
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

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

Discussions similaires

  1. [2008R2] Figer en-tête de colonne tableau dans une liste
    Par cana13 dans le forum SSRS
    Réponses: 0
    Dernier message: 09/02/2012, 18h41
  2. Modifier largeur colonnes DBGrid
    Par juju1988 dans le forum Débuter
    Réponses: 2
    Dernier message: 14/06/2011, 13h07
  3. Modifier largeur colonne de flux rss
    Par valarno dans le forum Firefox
    Réponses: 0
    Dernier message: 15/12/2009, 19h11
  4. largeur colonnes tableau
    Par motrin dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 4
    Dernier message: 15/05/2008, 18h45
  5. Modifier largeur colonne zone de liste
    Par electrosat03 dans le forum Access
    Réponses: 2
    Dernier message: 03/03/2006, 16h12

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