Background et bordure tableau en css

Version imprimable

08/12/2008, 19h27
asvin

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:

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 :D.

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
08/12/2008, 19h37
Erwan31

Bonjour,

Code:

<table border="0">

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"?
08/12/2008, 20h01
asvin

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
08/12/2008, 20h09
HiRoN

Salut,

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

Citation:

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/

voici le code de mon tableau:

Code:

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:

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