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 :

Background et bordure tableau en css


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Par défaut Background et bordure tableau en css
    bonjour,

    J'essaie de mettre un background transparent et les bordure invisible (pas de bordure) a ma derniere rangé de tableau. Cependant sa ne fonctionne pas voici mon code:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    background-color:transparent;
    	border:hidden;
    Mon backgroud reste blanc et mes bordures sont toujours la. Alors si quelqu'un connait le moyen, je suis prenant pour un coup de main .

    Je sais pas si sa peut être utile, mais mon tableau a deja une id de style, alors le id de style que je veux appliquer etre uniquement sur ma range de cellule.

    Merci

  2. #2
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    la valeur hidden de border n'existe pas, il faut utiliser none.
    La déclaration de background que tu as ajouté ne sert à rien puisque transparent est la valeur par défaut. Le blanc vient d'un des bloc parent du table, mais pourquoi veux tu le rendre "transparent"?

  3. #3
    Membre confirmé
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Par défaut
    Merci pour la réponse, mais il y a un hic! Mon tableau a un style bien précis que je veux garder, en mettant border = 0, je perds mon style. De plus en mettant border 0, je perds la bordure de mon avant derniere ligne, et je veux la garder de sorte que ma dernière soit comme indépendante de mon tableau, du point de vue visuel bien sur.

    Pour ce qui est de mon background, j'ai une seule cellule sur cette rangée, elle contient un bouton, le background blanc provient-il du bouton?

    Alors, je ne peux pas applique de changment a ma balise <table> vu qu'elle a un style bien a elle dèjà prédéfinie et fonctionnel. Les changements que je veux apporter doivent fonctionnelle que pour la dernière rangé de mon tableau, alors si vous avez des idees!!

    J'ai essayer plusieurs choses pour les borders:
    -border-width
    -border-color
    -border

    Je suis capable d'appliquer une couleur précise a mon background, mais pour l'instant c'est correct vu que pour l'instant le background de ma page est noir. Mais dans un futur proche,, le noir fera place a une image ou un motif, alors j'aimerais bien trouver une solution fonctionnelle pour le futur.

    Et rien ne fonctionne, alors jattend vos suggestions

  4. #4
    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
    Salut,

    Dans ce cas, avoir le code (x)HTML & CSS relatif à ton tableau pourrait aider...

    Je suis capable d'appliquer une couleur précise a mon background, mais pour l'instant c'est correct vu que pour l'instant le background de ma page est noir. Mais dans un futur proche,, le noir fera place a une image ou un motif, alors j'aimerais bien trouver une solution fonctionnelle pour le futur.
    Tout dépend de la conception mais tu pourrais via CSS en utilisant un background-repeat.

    Pour CSS suis ces tutoriels et cours de formation pour apprendre CSS : http://css.developpez.com/cours/
    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

  5. #5
    Membre confirmé
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Par défaut
    voici le code de mon tableau:
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    $tablevisionner = "<table border=\"10\" align=\"center\" bordercolor=\"#000000\" bgcolor=\"#FFFFFF\" id=\"blackfontcolor\">
     
                                        <tr id=\"entete\">
                                            <td>Titre Francophone</td>
                                            <td>Titre Anglophone</td>
                                            <td>Genre</td>
                                            <td>Durée</td>
                                            <td>Réalisateur</td>
                                            <td>Origine</td>
                                            <td>Sortie</td>
                                            <td>Affiche</td>
                                            <td>Sélection</td>
                                            </tr>\n";
     
    //Colonne Titre Francophone
                                        $tablevisionner .= "<tr><td BGCOLOR=\"#969696\" valign=\"middle\" align=\"center\"><b>".$colonnetblvisionner['Titre Francophone']."</b></td>";
     
                                        //Colonne Titre Anglophone
                                        $tablevisionner .= "<td valign=\"middle\" align=\"center\">".$colonnetblvisionner['Titre Anglophone']."</td>";                     
     
                                        //Colonne Genre
                                        $tablevisionner .= "<td BGCOLOR=\"#969696\" valign=\"middle\" align=\"center\"><b>";
     
                                        //Boucle For
                                        for ($ligne = 0; $ligne <$countGenre; $ligne++)
                                            {
                                                $tablevisionner .= "<b>".$genre[$ligne]."</b><br>";
                                            }
     
                                        //Colonne Réalisateur
                                        $tablevisionner .= "</td>";
     
                                        //Colonne Durée
                                        $tablevisionner .= "<td valign=\"middle\" align=\"center\">".$colonnetblvisionner['Durée']."</td>";
     
                                        //Colonne Réalisateur
                                        $tablevisionner .= "<td BGCOLOR=\"#969696\" valign=\"middle\" align=\"center\">";
     
                                        //Boucle FOR
                                        for ($ligne = 0; $ligne <$countRealisateur; $ligne++)
                                            {
                                                $tablevisionner .= "<b>".$realisateur[$ligne]."</b><br>";
                                            }
     
                                        //Colonne Réalisateur
                                        $tablevisionner .= "</td>";
     
                                        //Colonne Origine
                                        $tablevisionner .= "<td valign=\"middle\" align=\"center\">";
     
                                        //Boucle FOR
                                        for ($ligne = 0; $ligne <$countOrigine; $ligne++)
                                            {
                                                $tablevisionner .= $origine[$ligne]."<br>";
                                            }
     
                                        //Colonne Origine
                                        $tablevisionner .= "</td>";
     
                                        //Colonne Sortie
                                        $tablevisionner .= "<td BGCOLOR=\"#969696\" valign=\"middle\" align=\"center\"><b>".$colonnetblvisionner['Année de Sortie']."</b></td>";
     
                                        //Colonne Images
                                        $tablevisionner .= "<td valign=\"middle\" align=\"center\"><img src=\"./Images\AfficheMovies/".$colonnetblvisionner['Affiche']."\"></td>";
     
                                        //Colonne Selection
                                        $tablevisionner .= "<td BGCOLOR=\"#969696\" valign=\"middle\" align=\"center\"><b><input type=\"checkbox\" name=\"chkSelection[]\" value=\"".$colonnetblvisionner['ID_Movies']."\"></b></td></tr>";
                            }
                    $tablevisionner .= "<tr id=\"boutontable\">
                                            <td colspan=9><input type=\"submit\" name=\"cmdDeleteTblvisionner\" class=\"buttonstyle\" value=\"DELETE\" onMouseOver=\"goLite(this.form.name,this.name)\" onMouseOut=\"goDim(this.form.name,this.name)\"> 
                                            </td>
                                        </tr>";
     
     
            $tablevisionner .= "</table>\n";
    Sa c'est mon tableau, voici pour mon code 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
    #blackfontcolor
    {
    	color:#000000;
    }
     
    #styleAffichage
        {
            background-color:#000000;
            color:#FFFFFF;
        }
     
    #boutontable
    {
    	background-color:#000000;
    	}
    Le premier est pour mon tableau et la couleur noir du texte,
    le deuxieme est pour ma page
    le troisieme est la range en question

Discussions similaires

  1. cellules d'un tableau xhtml css
    Par Bibouda dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/01/2006, 12h55
  2. [CSS] Affichage background avec bordure
    Par samtheh dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/11/2005, 12h04
  3. Bordure tableau collées
    Par krfa1 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 18/10/2005, 13h00
  4. image en background dans un tableau
    Par PAYASS59 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 30/08/2005, 09h07
  5. Tableau et css
    Par LeDoc dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 27/07/2005, 11h43

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