Bordures de tableaux visible sur Firefox.

Bordures de tableaux visible sur Firefox. - HTML/CSS - Programmation

Marsh Posté le 26-09-2006 à 13:44:39    

Salut a tous et merci de lire ce sujet!
 
Alors voila, sur mon site, je me suis aperçu que les bordures de mes tableaux étaient visibles alors que j'ai bien spécifié que "border=black" et que le fond est également black, et ce uniquement sous Firefox.
 
Sur IE elles ne sont bien pas apparentes puisqu'elles ont la même couleur que le fond.
 
Quelqu'un peut-il m'éclairer ?
 
Merci bcp.
 
dust.

Reply

Marsh Posté le 26-09-2006 à 13:44:39   

Reply

Marsh Posté le 26-09-2006 à 13:47:40    

tu veux des bordures présentes mais invisibles ?
 
 
quel intéret ?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 26-09-2006 à 14:12:44    

Il devait pas connaitre [:ddr555]
 
et <table border=""> attends un entier pour l'epaisseur, pas une couleur il me semble. D'autant plus qu'on utilise les CSS pour ça depuis 1999.


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 26-09-2006 à 17:55:32    

Je m'explique mieux :
 
J'ai dans mon code ceci (en gros, en virant les trucs qui ne servent a rien dans l'explication) :
____________________
<table border="3" bordercolor="#FFFFFF">
<tr>
   <td bordercolor="black">UNE IMAGE<td>
   <td bordercolor="black">UNE IMAGE</td>
</tr>
<tr>
    <td bordercolor="black">UNE IMAGE</td>
</tr>
</table>

____________________
PS: toute les images sont définies avec border=0.
PS2 : les TD ont exactement la taille des images (jsais pas si c utile... :whistle: ).
PS3: M'en voulez pas les gars, j'ai pas une formation de developpeur HTML, mais point du tout même.
 
Le resultat sur firefox est ceci :
http://soirnight.free.fr/firefox.jpg
 
Le resultat sur IE est (ce que je voulais d'ailleurs) ceci :
http://soirnight.free.fr/IE.jpg
 
Merci bien.

Reply

Marsh Posté le 26-09-2006 à 17:58:23    

met le border à 0.
Fait un fichier css (il y a pleins d'exemple sur le net) ou fait une section css dans ta page et régle à 3px le margin des TD grace au css.
Je te dis de passer par un css, c'est par ce qu'il ne me semble pas que les TD aient une propriété html nomé margin.


Message édité par omega2 le 26-09-2006 à 17:59:46
Reply

Marsh Posté le 26-09-2006 à 18:12:42    

J'ai essayé ta solution omega2 mais elle ne semble pas fonctionner.
 
J'ai trouvé une solution consistant a faire cela:
<table border="3" bordercolor="#FFFFFF"><tr><td>  
   <table border="0">  
   <tr>  
      <td bordercolor="black">UNE IMAGE<td>  
      <td bordercolor="black">UNE IMAGE</td>  
   </tr>  
   <tr>  
       <td bordercolor="black">UNE IMAGE</td>  
   </tr>  
   </table>  
</td></tr>
</table>

 
C pas trés propre mais bon...j'encapsule le tableau dont je ne veux pas voir les cadres (apres avoir mis border=0) dans un tableaux avec le gros cadre blanc...

Reply

Marsh Posté le 26-09-2006 à 20:14:07    

c con je trouvais ca plus stylé le contraste des bordures en blanc :D

Reply

Marsh Posté le 28-09-2006 à 19:33:20    

dustnet a écrit :

J'ai essayé ta solution omega2 mais elle ne semble pas fonctionner.


 :heink:  Tiens voilà en gros ce que omega2 voulait dire par CSS :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html xml:lang="fr">
 <head>
  <style type="text/css">
   <!--
    body { background-color: black; color: white; }
    table,tr,td { margin: 0; padding: 0; }
    table.bordure { border: 3px solid white; }
    table.bordure td { padding: 10px; }
   -->
  </style>
 </head>
 <body>
  <table class="bordure">
   <tr>
    <td>UNE IMAGE<td>  
    <td rowspan="2">UNE IMAGE</td>
   </tr>
   <tr>
    <td>UNE IMAGE</td>
   </tr>
  </table>
 </body>
</html>


 
La première ligne est tirée d'ici : http://www.w3.org/QA/2002/04/valid-dtd-list.html
Pour apprendre le CSS je recommande un tour ici : http://www.siteduzero.com/index.php
 
Sans vouloir te vexer dustnet, ta "solution" n'est pas compatible avec grand chose à part les vieux navigateurs (pour ne pas citer IE, ca ferais trop lancé de troll n'est-ce pas :whistle: )

Reply

Sujets relatifs:

Leave a Replay

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