Tableau html

Fermé
Altan - 19 févr. 2012 à 17:38
 Altan - 19 févr. 2012 à 21:36
Bonjour tout le monde

J'aurais besoin de vos lumières svp.
J'ai crée un tableau en html qui contient des images et j'aimerais que ces photos soient collés ensemble. Pour cela j'ai utilisé cellpading et cellspacing = 0 et border =0 mais cela ne suffit pas. D'habitude ça fonctionne super bien mais la un truc dois m'échapper... Auriez vous une solution svp ? En CSS par exemple ?
Par avance merci de vos réponses, et bon dimanche !
(Si besoin je vous donnerai mon code)
A voir également:

4 réponses

Bonjour, en effet il faut utiliser le CSS.

Indiquez ce style dans le style de votre tableau:

border-collapse: collapse;

cellspacing = 0 et border =0
peuvent être remplacés avantageusement en css par

margin:0;
padding:0;
0
Je le met dans la balise <table > ?
Désolée je ne connais pas encore très bien le CSS
0
Je viens d'essayer, avec border-collapse: collapse; l'espace entre les cases est même plus grand qu'avec cellpading/cellspacing
0
Up !
Je n'ai pas encore trouvé de solution, voici mon code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
  <title>index</title>

  
</head><body style="background-image: url(jute.jpg);">
<!-- 1er tableau -->
<table cellpading="0" border="0" cellspacing="0" height="100%" width="100%">

  
    <tr>
      <td colspan="3"> <br>
      </td>
    </tr>
    <tr height="768">
      <td> <br>
      </td>
      <td width="1024"><!--tableau 2-->
      <table  border="0" cellpading="0" cellspacing="0">
        
          <tr height="168">
            <td colspan="2" align="center" valign="center" width="1024">
            <img src="banniere.png"> </td>
          </tr>
          <tr height="568">
            <td width="200">
            
            <!-- tableau 3 -->
            
            <table  border="0" cellpading="0" cellspacing="0" margin:0; padding:0; border-collapse: collapse;  >
              
                <tr>
                  <td colspan="3"> 
                  <img src="haut.gif"> 
                  </td>
                </tr>
                <tr>
                  <td> <img src="droite.gif"> </td>
                  <td> <img src="menu.png"> </td>
                  <td> <img src="gauche.gif"> </td>
                </tr>
                <tr>
                  <td colspan="3"> 
                  <img src="bas.gif"> 
                  </td>
                </tr>
            
            </table>
<!-- fin tableau 3 --> </td>
            <td width="824">
            <center> </center>
<!--centre de la page -->
            <table valign="center" cellpading="0" align="center" cellspacing="0">
              
                <tr>
                  <td> <img src="vital.jpg"> </td>
                </tr>
              
            </table>
<!-- fin centre de la page --> </td>
          </tr>
          <tr height="32">
            <td colspan="2" align="center" width="1024"> <img src="bas.png"> </td>
          </tr>
       
      </table>
<!--fin tableau 2--> </td>
      <td> <br>
      </td>
    </tr>
    <tr>
      <td colspan="3"> <br>
      </td>
    </tr>
  
</table>

<!--fin tableau 1-->
</body></html>
0
Ah vous parliez de CSS, je pensait que vous saviez comment l'intégrer au html.

C'est indispensable le CSS et beaucoup plus beau tout en fonctionnant sur le même principe que le HTML.

Disons que pour faire simple(et pas très propre non plus) vous pouvez ajouter l'attribut style à votre balise table comme ceci:

<table style="border-collapse: collapse; margin:0; padding:0;" >

CSS est pas fait pour être utilisé comme ça, il faut définir des classes entre les balises <style> placé dans le header ou encore mieux en fichier externe appelé dans le html. L'avantage est que les classes ou id css on peut les utiliser où et quand on veut. Cela permet de pas avoir à retaper la même mise en forme plusieurs fois(en appelant plusieurs fois la même classe) et de pouvoir changer la mise en page et le design en changeant juste le style plutôt que d'avoir à toucher aux balises. CSS permet aussi beaucoup de choses où le html est limité, certaines fonctions qui obligeaient d'avoir de la programmation(javascript) peuvent être faites en CSS, et CSS c'est comme le html non un language de programmation mais de balisage(donc plus simple et accessible et plus rapide puisqu'il ne demande pas d'être exécuté mais seulement interprété par le navigateur.

C'est pas clair? Je vous laisse vous renseigner sur le CSS, HTML sans CSS cela va faire 10 ans que ça ne se fait plus.
0
Merci Garth, je vais essayer.
Je mettrai résolu quand j'aurai réussi.
Bonne soirée
0