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 :

Bordure d'une table


Sujet :

Tableau en CSS

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    388
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 388
    Points : 72
    Points
    72
    Par défaut Bordure d'une table
    Bonsoir à tous.
    j'ai un tableau qui s'affiche grace au php suivant:
    Code php : 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
    $output = '<table>';
     
    while($tab=mysql_fetch_assoc($resultat))
     
    {
                    $output .= '<td>'.$tab['type'].'</td>';
                    $output .= '<td>'.$tab['cat'].'</td>';
    	    $output .= '<td><a href="valide.php?id_a='.urlencode($tab  ['id_a']).'">'.$tab['detail'].'</a></td>';
                    $output .= '<td>'.$tab['prof'].'</td>';
    	   $output .= '<td>'.$tab['reg'].'</td>';
    	   $output .= '<td>'.$tab['dep'].'</td>';
    	   $output .= '<td>'.$tab['cat'].'</td>';
    	   $output .= '<td>'.$tab['tit'].'</td>';
    	   $output .= '<td>'.$tab['detail'].'</td>' ;
    	   $output .= '<td>'.$tab['pseudo'].'</td>';
     
    } 
     
    {
     
                    $output .= '</tr>';
    } 
                    $output .= '</table>';
    echo $output;
    Ce qui me fait un tableau à 10 colonnes par lignes.
    Je ne connais pas le Css qu'il faudrait appliquer pour avoir une bordure qui englobe les 10 colonnes sans les séparer, comme s'il s'agissait d'une seule cellule...
    Suis super débutant en css..
    Merci par avance pour vos tuyaux

  2. #2
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 289
    Points
    5 289
    Par défaut
    Bonjour,

    Donner une bordure à un tableau :
    - donner un identifiant ou une classe ou ne cibler que la balise TABLE;
    - Utiliser la propriété border


    Exemple dans les cours et tutoriels CSS : http://css.developpez.com/cours/

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    388
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 388
    Points : 72
    Points
    72
    Par défaut
    Bonsoir et merci..
    j'ai bien essayé ceci.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <style type="text/css">
    	table { border-collapse:collapse; }
    	tr { background-color:grey; }
               </style>
    mais cela donne bien un aspect "fusionné" des colonnes, mais je n'arrive pas a avoir une bordure..qui englobe toutes les cellules par ligne. une sorte de cadre par ligne.
    je vais voir le lien que tu m'as passé.
    Merci !

  4. #4
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 289
    Points
    5 289
    Par défaut
    Et
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    table{
      border:1px solid red;
    }

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    388
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 388
    Points : 72
    Points
    72
    Par défaut
    Nickel..
    merci pour l'adresse !!

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

Discussions similaires

  1. Réponses: 5
    Dernier message: 22/06/2011, 15h21
  2. Trouver le dernier enregistrement d'une table
    Par remi59 dans le forum Requêtes
    Réponses: 4
    Dernier message: 11/03/2003, 14h54
  3. Erreur lors de modification d'une table
    Par seb.49 dans le forum SQL
    Réponses: 11
    Dernier message: 13/01/2003, 17h16
  4. Pb d'auto-incrément sur une table v7
    Par Nivux dans le forum Paradox
    Réponses: 9
    Dernier message: 26/12/2002, 12h05
  5. [ADO] Tester l'existence d'une table
    Par nd25 dans le forum VB 6 et antérieur
    Réponses: 11
    Dernier message: 05/09/2002, 13h55

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