colorer bordure tableau html

colorer bordure tableau html - HTML/CSS - Programmation

Marsh Posté le 26-03-2009 à 20:57:31    

Slt, j'ai fais un tableau avec une bordure mais elle est transparente et je voudrais la rendre noire, c'est quoi la propriété qui le permet svp?

Reply

Marsh Posté le 26-03-2009 à 20:57:31   

Reply

Marsh Posté le 26-03-2009 à 23:16:53    

en CSS "border-color: black" (bordure externe) ?


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 26-03-2009 à 23:20:43    

J'ai déjà fait ça mais ça change rien..
 
J'ai déjà essayer ça dans le body du fichier CSS et dans la classe de mon tableau...
 
Je mets mon code pour aller plus vite..
 

Code :
  1. // Afficher du tableau
  2. echo "<table border='2' class='tableau2'>";
  5. echo "<tr class='hauteur'>";
  6.     echo "<th><input type='button' name='lien1' value='Tout les films' onclick=''></th>";
  7.     echo "<th><input type='button' name='lien1' value='Cat&eacute;gorie film' onclick=''></th>";
  8. echo "<th><input type='button' name='lien1' value='Policier' onclick=''></th>";
  9. echo "<th><input type='button' name='lien1' value='Historique' onclick=''></th>";
  10. echo "<th><input type='button' name='lien1' value='Animation' onclick=''></th>";
  11. echo "<th><input type='button' name='lien1' value='Fantastique' onclick=''></th>";
  12. echo "<th><input type='button' name='lien1' value='Com&eacute;die' onclick=''></th>";
  13. echo "<th><input type='button' name='lien1' value='Drame' onclick=''></th>";
  14. echo "</tr>";
  16. echo "</table>";
  18. echo "<table border='2' class='tableau'>";
  20. echo "<tr class='hauteur'>";
  21. echo "<th class='photo'>Photo du film</th>";
  22. echo "<th class='photo'>Nom du film</th>";
  23. echo "<th class='description'>Description</th>";
  24. echo "<th class='photo'>Genre</th>";
  25. echo "</tr>";
  26.          
  28. // tant qu'il y a des lignes de retournées on affiche les films
  29. while ($line = mysql_fetch_array($result)) {
  31. /* la fonction mysql_fetch_array retourne les résultats sous la forme d'un tableau associatif dans lequel on accède aux différents éléments de la manière suivante
  32. */
  35. echo "<tr class='hauteur'>";
  36. echo "<td class='centre'><img src=images/$line[photo] width=80px height=50px></td>";
  37. echo "<td class='police'>$line[titre]</td>";
  38. echo "<td class='police'>$line[resume]</td>";
  39.     echo "<td class='police'>$titre[genre]</td>";
  40. echo "</tr>";
  42.        }
  44. echo "</table>";
  46. // Libération des résultats  
  47. mysql_free_result($result);
  49. // Fermeture de la connexion  
  50. mysql_close($connexion);
  51. ?>


 
Et ma page CSS:
 

Code :
  1. body{
  2. background-image:url("images/accueil.jpg" );
  3. background-repeat:repeat;
  4. }
  6. .tableau{
  7. height:100px;
  8. width:80%;
  9. margin-left:10%;
  10. margin-right:10%;
  11. border-style:solid;
  12. border-color:black;
  13. }
  15. .tableau2{
  16. height:50px;
  17. width:80%;
  18. margin-left:10%;
  19. margin-right:10%;
  20. border-style:solid;
  21. }
  23. .image{
  24. margin-left:10%;
  25. margin-right:10%;
  26. }
  28. .hauteur{
  29. background-color:#6DA9D7;
  30. height:50px;
  31. }
  33. .photo{
  34. width:100px;
  35. height:50px;
  36. }
  38. .centre{
  39. text-align:center;
  40. }
  42. .police{
  43. font-family:"arial black";
  44. text-align:center;
  45. font-size:12px;
  46. }
  48. .boutton{
  49. margin-left:76%;
  50. }

Reply

Marsh Posté le 26-03-2009 à 23:27:04    

Je suis pas sur de capter ce que tu veux  [:klemton]  
D'abord, vires les "border=2" en dur dans le tag TABLE, ensuite peux-tu poster un screenshot de ce que tu as à l'écran, car dans mon cas (je viens de tester ton code) j'ai bien une bordure noire.
Peut-être parles-tu de l'espacement entre les cellules ? Si oiu, place ca "border-collapse: collapse;" dans ton CSS.


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 26-03-2009 à 23:35:51    

C'était bien ce que je voulais..  :)
 
Comment je peux les mettre en noir maintenant?
 
Voilà un screenshot
 
http://www.zimagez.com/miniature/tab17.jpg
 
Autre question, où-est ce que je pourrais trouver une belle image de fond qui irait derrière mon tableau?
 
J'en ai une en ce moment mais elle est trop petite et donc ça fait moche comme elle se répète plein de fois..  :/

Reply

Marsh Posté le 26-03-2009 à 23:45:55    

tu as viré les "border" dans tes tags TABLE ?
De plus IE (tu es sous IE pas vrai ?) semble pas comprendre que tu as défini "black" pour tes bordures (il comprend surement l'obsolete "bordercolor"...).


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 28-03-2009 à 00:33:33    

Oui j'ai viré les border et je n'utilise pas IE mais opéra comme naviguateur..  :/
 
Bizarre que ça ne fonctionne pas  :??:

Reply

Marsh Posté le 28-03-2009 à 15:01:52    

Ce qui est moche dans ton tableau, c'est que tu mets des affiches de films dans un format paysage alors qu'elles devraient être en portrait.  
 
Pour l'image de fond, tu peux essayer de la faire toi-même avec photoshop, un truc sympa qui se répéte.

Reply

Marsh Posté le 28-03-2009 à 15:19:17    

Ce n'est pas grave, c'est pour un TP de cours et mon prof ne note pas ça...
 
Je ne suis pas très doué pour photoshop et compagnon..  :d

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed