par
Cyrano » 06 nov. 2007, 15:43
si j'enléve l'attribut border="1" il n'y a plus de bordure sous les 2 navigateurs.
Dans ce cas, dans ton fichier CSS, mets la règle suivante :
Et le type ?
Lorsqu'on concatène avec la simple propriété "border", on doit préciser.
Soit on utilise border-width + border-color + border-type soit border tout court
Dans ce dernier cas, on précisera la dimension incluant l'unité de mesure, le type et la couleur.
Donc :
Si on ne précise pas le type, on prend le risque d'une interprétation par défaut dépendant du développeur qui aura implémenté l'interprétation des CSS par le navigateur utilisé.
Pour revenir plus en détail sur le sujet de départ, il y a des différences entre la manière de faire en CSS et en HTML pour les bordures dans les tableaux.
En (X)HTML, l'attribut border de la balise <table> concerne toutes les cellules du tableau alors qu'en CSS, la propriété border sur l'élément table ne concerne que le tableau, pas les cellules qui le composent.
Si on veut ajouter en CSS une bordure aux cellules, alors il faut pointer sur les cellules (td ou th)
Ça va donner :
Si toutefois on ne veut ajouter la bordure qu'à un des tableaux en particulier sur une page, il faut pouvoir identifier ce tableau en particulier, la balise <table> devra donc avoir un attribut id ou à tout le moins une classe CSS.
Et enfin j'ajouterais qu'on peut supprimer les attributs cellpadding et cellspacing de la balise <table en utilisant en CSS pour l'élément "table" la propriété border-collapse avec pour valeurs possibles "collapse" (correspondant à cellspacing="0") ou "separate" et éventuellement et pour l'élément "td" la propriété "padding".
[quote="Victor BRITO"][quote="angebleu17"]si j'enléve l'attribut border="1" il n'y a plus de bordure sous les 2 navigateurs.[/quote]
Dans ce cas, dans ton fichier CSS, mets la règle suivante :
[code]table {
border: 1px #363;
}[/code][/quote]
Et le type ?
Lorsqu'on concatène avec la simple propriété "border", on doit préciser.
Soit on utilise border-width + border-color + border-type soit border tout court
Dans ce dernier cas, on précisera la dimension incluant l'unité de mesure, le type et la couleur.
Donc :
[code]table {
border: 1px solid #363;
}[/code]
Si on ne précise pas le type, on prend le risque d'une interprétation par défaut dépendant du développeur qui aura implémenté l'interprétation des CSS par le navigateur utilisé.
Pour revenir plus en détail sur le sujet de départ, il y a des différences entre la manière de faire en CSS et en HTML pour les bordures dans les tableaux.
En (X)HTML, l'attribut border de la balise <table> concerne toutes les cellules du tableau alors qu'en CSS, la propriété border sur l'élément table ne concerne que le tableau, pas les cellules qui le composent.
Si on veut ajouter en CSS une bordure aux cellules, alors il faut pointer sur les cellules (td ou th)
Ça va donner :
[code]td {
border: 1px solid #363;
}[/code]
Si toutefois on ne veut ajouter la bordure qu'à un des tableaux en particulier sur une page, il faut pouvoir identifier ce tableau en particulier, la balise <table> devra donc avoir un attribut id ou à tout le moins une classe CSS.
[code]table.montableauvert td {
border: 1px solid #363;
}[/code]
Et enfin j'ajouterais qu'on peut supprimer les attributs cellpadding et cellspacing de la balise <table en utilisant en CSS pour l'élément "table" la propriété border-collapse avec pour valeurs possibles "collapse" (correspondant à cellspacing="0") ou "separate" et éventuellement et pour l'élément "td" la propriété "padding".