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 :

Largeur différentes de colonnes d'un tableau


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé

    Inscrit en
    Avril 2004
    Messages
    646
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 646
    Par défaut Largeur différentes de colonnes d'un tableau
    Salut,

    J'ai un petit problème avec mes tableaux en CSS.

    J'ai un tableau à 2 colonnes. Je voudrais faire la 1ère colonne à 30% et la seconde à 70%. La largeur du tableau est de 100%.

    Merci par avance.

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par soso78 Voir le message
    Salut,
    J'ai un petit problème avec mes tableaux en CSS.
    J'ai un tableau à 2 colonnes. Je voudrais faire la 1ère colonne à 30% et la seconde à 70%. La largeur du tableau est de 100%.
    Merci par avance.
    Salut,

    As-tu tenté d'appliquer 1 class spécifique sur chaque <td> en mettant respectivement width:30% & width:70% ? (en ayant mis au préalable le tableau en width:100%)

    Exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <table class="tableN1">
    <tr>
    <td class="colonne1"></td>
    <td class="colonne2"></td>
    </tr>
    </table>

    Avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .tableN1 { width:100%; border:1px solid black; }
    .colonne1 { width:30%; border:1px solid black; }
    .colonne2 { width:70%; border:1px solid black; }
    Un petit tour ici (trouvé dans les cours et tutoriels CSS ) pourrait t'être utile pour une réalisation correcte...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

Discussions similaires

  1. [phpToPDF] Largeur de colonne d'un tableau
    Par gup dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 01/06/2007, 18h59
  2. fixer largeur d'une colonne d'un tableau
    Par clairette dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 02/03/2007, 14h42
  3. Fixer la largeur des colonnes d'un tableau
    Par CYCLOPE91440 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 19/01/2007, 17h55
  4. [tableau]largeur d'une colonne
    Par Nadine dans le forum ASP
    Réponses: 2
    Dernier message: 15/03/2005, 21h11

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