Micro.Info • Consulter le sujet - Question simple de html pour un débutant

Consulter les messages sans réponse | Consulter les sujets actifs

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Question simple de html pour un débutant

Modérateur: Membres de 640kb

Page 1 sur 1

[ 8 message(s) ]

Sujet précédent | Sujet suivant

Auteur

Message

Darth Vador

Sujet du message: Question simple de html pour un débutant

Publié: 22 Fév 2005, 23:23

A réponse à tout!

Inscription : 01 Jan 2003, 17:13
Message(s) : 4946
Localisation : Sur un vaisseau de commandement de la flotte impériale

J'essaie de mettre cote à cote les deux séries de tableaux et tout ce que j'arrive c'est d'obtenir un décalage. Comment on fait , merci

http://home.ripway.com/2004-9/181329/Classement5.html

Haut

Jump

Sujet du message:

Publié: 22 Fév 2005, 23:45

Référence

Inscription : 07 Jan 2002, 00:24
Message(s) : 5834

mettre les tableaux dans un tableau de 2-3 colonnes (un tableau dans chacune des colonnes). En gros

Code :

<table>
  <tr>
    <td>Tableau de gauche</td>
    <td><!-- spacer, pour gérer l'espace entre les 2 colonnes de tableaux --></td>
    <td>Tableau de droite</td>
  </tr>
  ...
</table>

ou opter pour les div et ajuster leur position avec du CSS

_________________
This posting is provided "AS IS" with no warranties, and confers no rights!
©2006 - 2014 Jump

Haut

TyL

Sujet du message:

Publié: 23 Fév 2005, 00:26

A réponse à tout!

Inscription : 26 Mars 2002, 10:51
Message(s) : 2546
Localisation : Ottawa, ON

le plsu rapide est évidement de te créer un tableau de 2 colonne / 1 rangée.. et dans chaque cellulle tu met un de tes tableaux... les 2 seronts cotes a cotes...

Code :

<table width="100%"  border="0" cellpadding="2" cellspacing="2">
  <tr>
    <td><div align="center">
      <table border="1" bgcolor="993333">
          <tr align="center">
            <th colspan="14">AFC Est</th>
          </tr>
      <th></th>
          <th>&Eacute;quipe</th>
          <th>V</th>
          <th>D</th>
          <th>N</th>
          <th>%</th>
          <th>PP</th>
          <th>PA</th>
          <th>Dom</th>
          <th>&Eacute;tr</th>
          <th>AFC</th>
          <th>NFC</th>
          <th>Div</th>
          <th>S&eacute;rie</th>
      <tr>
        <th> <img src="Mes images/NA.jpg"><br>
            <img src="Mes images/nyj.jpg"><br>
            <img src="Mes images/Buffalo.jpg"><br>
            <img src="Mes images/Miami.jpg"> </th>
        <th> NA<br>
          NY JETS<br>
          Buffalo<br>
          Miami </th>
        <th> 14<br>
          10<br>
          9<br>
          4 </th>
        <th> 2<br>
          6<br>
          7<br>
          12 </th>
        <th> 0<br>
          0<br>
          0<br>
          0 </th>
        <th> .875<br>
          .625<br>
          .562<br>
          .250 </th>
        <th> 437<br>
          333<br>
          395<br>
          275 </th>
        <th> 260<br>
          261<br>
          284<br>
          354 </th>
        <th> 8-0<br>
          6-2<br>
          5-3<br>
          3-5 </th>
        <th> 6-2<br>
          4-4<br>
          4-4<br>
          1-7 </th>
        <th> 10-2<br>
          7-5<br>
          5-7<br>
          2-10 </th>
        <th> 4-0<br>
          3-1<br>
          4-0<br>
          2-2 </th>
        <th> 5-1<br>
          3-3<br>
          3-3<br>
          1-5 </th>
        <th> G2<br>
          P2<br>
          P1<br>
          P1 </th>
      </tr>
          </table>
    </div></td>
    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
            <tr align="center">
              <th colspan="14">NFC Est</th>
            </tr>
        <th></th>
            <th>&Eacute;quipe</th>
            <th>V</th>
            <th>D</th>
            <th>N</th>
            <th>%</th>
            <th>PP</th>
            <th>PA</th>
            <th>Dom</th>
            <th>&Eacute;tr</th>
            <th>AFC</th>
            <th>NFC</th>
            <th>Div</th>
            <th>S&eacute;rie</th>
        <tr>
          <th> <img src="Mes Images/Philadelphie.jpg"><br>
              <img src="Mes Images/NYG.jpg"><br>
              <img src="Mes Images/Dallas.jpg"><br>
              <img src="Mes Images/Washington.jpg"> </th>
          <th> Philadelphie<br>
            NY GIANTS<br>
            Dallas<br>
            Washington </th>
          <th> 13<br>
            6<br>
            6<br>
            6 </th>
          <th> 3<br>
            10<br>
            10<br>
            10 </th>
          <th> 0<br>
            0<br>
            0<br>
            0 </th>
          <th> .812<br>
            .375<br>
            .375<br>
            .375 </th>
          <th> 386<br>
            303<br>
            293<br>
            240 </th>
          <th> 260<br>
            347<br>
            405<br>
            265 </th>
          <th> 7-1<br>
            3-5<br>
            4-4<br>
            3-5 </th>
          <th> 6-2<br>
            3-5<br>
            2-6<br>
            3-5 </th>
          <th> 2-2<br>
            1-3<br>
            1-3<br>
            0-4 </th>
          <th> 11-1<br>
            5-7<br>
            5-7<br>
            6-6 </th>
          <th> 6-0<br>
            3-3<br>
            2-4<br>
            1-5 </th>
          <th> P2<br>
            G1<br>
            P1<br>
            G1 </th>
        </tr>
                  </table>
      </div></td>
  </tr>
  <tr>
    <td><div align="left">
      <table border="1" bgcolor="993333">
          <tr align="center">
            <th colspan="14">AFC NORD</th>
          </tr>
      <th></th>
          <th>&Eacute;quipe</th>
          <th>V</th>
          <th>D</th>
          <th>N</th>
          <th>%</th>
          <th>PP</th>
          <th>PA</th>
          <th>Dom</th>
          <th>&Eacute;tr</th>
          <th>AFC</th>
          <th>NFC</th>
          <th>Div</th>
          <th>S&eacute;rie</th>
      <tr>
        <th> <img src="Mes Images/Pittsburgh.jpg"><br>
            <img src="Mes Images/Baltimore.jpg"><br>
            <img src="Mes Images/Cincinnati.jpg"><br>
            <img src="Mes Images/Cleveland.jpg"> </th>
        <th> Pittsburgh<br>
          Baltimore<br>
          Cincinnati<br>
          Cleveland </th>
        <th> 15<br>
          9<br>
          8<br>
          4 </th>
        <th> 1<br>
          7<br>
          8<br>
          12 </th>
        <th> 0<br>
          0<br>
          0<br>
          0 </th>
        <th> .938<br>
          .562<br>
          .500<br>
          .250 </th>
        <th> 372<br>
          317<br>
          374<br>
          276 </th>
        <th> 251<br>
          268<br>
          372<br>
          390 </th>
        <th> 8-0<br>
          6-2<br>
          5-3<br>
          3-5 </th>
        <th> 7-1<br>
          3-5<br>
          3-5<br>
          1-7 </th>
        <th> 11-1<br>
          6-6<br>
          4-8<br>
          3-9 </th>
        <th> 4-0<br>
          3-1<br>
          4-0<br>
          1-3 </th>
        <th> 5-1<br>
          3-3<br>
          2-4<br>
          2-4 </th>
        <th> G14<br>
          G1<br>
          G2<br>
          G1 </th>
      </tr>
          </table>
    </div></td>
    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
            <tr align="center">
              <th colspan="14">NFC Nord</th>
            </tr>
        <th></th>
            <th>&Eacute;quipe</th>
            <th>V</th>
            <th>D</th>
            <th>N</th>
            <th>%</th>
            <th>PP</th>
            <th>PA</th>
            <th>Dom</th>
            <th>&Eacute;tr</th>
            <th>AFC</th>
            <th>NFC</th>
            <th>Div</th>
            <th>S&eacute;rie</th>
        <tr>
          <th> <img src="Mes Images/GreenBay.jpg"><br>
              <img src="Mes Images/Minnesota.jpg"><br>
              <img src="Mes Images/Detroit.jpg"><br>
              <img src="Mes Images/Chicago.jpg"> </th>
          <th> Greeen Bay<br>
            Minnesota<br>
            D&eacute;troit<br>
            Chicago </th>
          <th> 10<br>
            8<br>
            6<br>
            5 </th>
          <th> 6<br>
            8<br>
            10<br>
            11 </th>
          <th> 0<br>
            0<br>
            0<br>
            0 </th>
          <th> .625<br>
            .500<br>
            .375<br>
            .312 </th>
          <th> 424<br>
            405<br>
            296<br>
            231 </th>
          <th> 380<br>
            395<br>
            350<br>
            331 </th>
          <th> 4-4<br>
            5-3<br>
            3-5<br>
            2-6 </th>
          <th> 6-2<br>
            3-5<br>
            3-5<br>
            3-5 </th>
          <th> 1-3<br>
            3-1<br>
            1-3<br>
            1-3 </th>
          <th> 9-3<br>
            5-7<br>
            5-7<br>
            4-8 </th>
          <th> 5-1<br>
            3-3<br>
            2-4<br>
            2-4 </th>
          <th> G2<br>
            P2<br>
            P1<br>
            P4 </th>
        </tr>
                  </table>
      </div></td>
  </tr>
  <tr>
    <td><div align="left">
      <table border="1" bgcolor="993333">
          <tr align="center">
            <th colspan="14">AFC SUD</th>
          </tr>
      <th></th>
          <th>&Eacute;quipe</th>
          <th>V</th>
          <th>D</th>
          <th>N</th>
          <th>%</th>
          <th>PP</th>
          <th>PA</th>
          <th>Dom</th>
          <th>&Eacute;tr</th>
          <th>AFC</th>
          <th>NFC</th>
          <th>Div</th>
          <th>S&eacute;rie</th>
      <tr>
        <th> <img src="Mes Images/Indiannapolis.jpg"><br>
            <img src="Mes Images/Jacksonville.jpg"><br>
            <img src="Mes Images/Houston.jpg"><br>
            <img src="Mes Images/Tenessee.jpg"> </th>
        <th> Indianapolis<br>
          Jacksonville<br>
          Houston<br>
          Tenessee </th>
        <th> 12<br>
          9<br>
          7<br>
          5 </th>
        <th> 4<br>
          7<br>
          9<br>
          11 </th>
        <th> 0<br>
          0<br>
          0<br>
          0 </th>
        <th> .750<br>
          .562<br>
          .438<br>
          .312 </th>
        <th> 522<br>
          261<br>
          309<br>
          344 </th>
        <th> 351<br>
          280<br>
          339<br>
          439 </th>
        <th> 7-1<br>
          4-4<br>
          3-5<br>
          2-6 </th>
        <th> 5-3<br>
          5-3<br>
          4-4<br>
          3-5 </th>
        <th> 8-4<br>
          6-6<br>
          6-6<br>
          3-9 </th>
        <th> 4-0<br>
          3-1<br>
          1-3<br>
          2-2 </th>
        <th> 5-1<br>
          2-4<br>
          4-2<br>
          1-5 </th>
        <th> P1<br>
          G1<br>
          P1<br>
          G1 </th>
      </tr>
          </table>
    </div></td>
    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
            <tr align="center">
              <th colspan="14">NFC Sud</th>
            </tr>
        <th></th>
            <th>&Eacute;quipe</th>
            <th>V</th>
            <th>D</th>
            <th>N</th>
            <th>%</th>
            <th>PP</th>
            <th>PA</th>
            <th>Dom</th>
            <th>&Eacute;tr</th>
            <th>AFC</th>
            <th>NFC</th>
            <th>Div</th>
            <th>S&eacute;rie</th>
        <tr>
          <th> <img src="Mes Images/Atlanta.jpg"><br>
              <img src="Mes Images/Nouvelle-Orl&eacute;ans.jpg"><br>
              <img src="Mes Images/Caroline.jpg"><br>
              <img src="Mes Images/TampaBay.jpg"> </th>
          <th> Atlanta<br>
            Nouvelle-Orl&eacute;ans<br>
            Caroline<br>
            Tampa Bay </th>
          <th> 11<br>
            8<br>
            7<br>
            5 </th>
          <th> 5<br>
            8<br>
            9<br>
            11 </th>
          <th> 0<br>
            0<br>
            0<br>
            0 </th>
          <th> .688<br>
            .500<br>
            .438<br>
            .312 </th>
          <th> 340<br>
            348<br>
            355<br>
            301 </th>
          <th> 337<br>
            405<br>
            339<br>
            304 </th>
          <th> 7-1<br>
            3-5<br>
            3-5<br>
            4-4 </th>
          <th> 4-4<br>
            5-3<br>
            4-4<br>
            1-7 </th>
          <th> 3-1<br>
            2-2<br>
            1-3<br>
            1-3 </th>
          <th> 8-4<br>
            6-6<br>
            6-6<br>
            4-8 </th>
          <th> 4-2<br>
            3-3<br>
            3-3<br>
            2-4 </th>
          <th> P2<br>
            G4<br>
            P1<br>
            P4 </th>
        </tr>
                  </table>
      </div></td>
  </tr>
  <tr>
    <td><div align="left">
      <table border="1" bgcolor="993333">
          <tr align="center">
            <th colspan="14">AFC OUEST</th>
          </tr>
      <th></th>
          <th>&Eacute;quipe</th>
          <th>V</th>
          <th>D</th>
          <th>N</th>
          <th>%</th>
          <th>PP</th>
          <th>PA</th>
          <th>Dom</th>
          <th>&Eacute;tr</th>
          <th>AFC</th>
          <th>NFC</th>
          <th>Div</th>
          <th>S&eacute;rie</th>
      <tr>
        <th> <img src="Mes Images/SanDiego.jpg"><br>
            <img src="Mes Images/Denver.jpg"><br>
            <img src="Mes Images/KansasCity.jpg"><br>
            <img src="Mes Images/Oakland.jpg">
        <th> San Diego<br>
          Denver<br>
          Kansas City<br>
          Oakland </th>
        <th> 12<br>
          10<br>
          7<br>
          5 </th>
        <th> 4<br>
          6<br>
          9<br>
          11 </th>
        <th> 0<br>
          0<br>
          0<br>
          0 </th>
        <th> .750<br>
          .625<br>
          .438<br>
          .312 </th>
        <th> 446<br>
          381<br>
          483<br>
          320 </th>
        <th> 313<br>
          304<br>
          435<br>
          442 </th>
        <th> 7-1<br>
          6-2<br>
          4-4<br>
          3-5 </th>
        <th> 5-3<br>
          4-4<br>
          3-5<br>
          2-6 </th>
        <th> 9-3<br>
          7-5<br>
          6-6<br>
          3-9 </th>
        <th> 3-1<br>
          3-1<br>
          1-3<br>
          2-2 </th>
        <th> 5-1<br>
          3-3<br>
          3-3<br>
          1-5 </th>
        <th> G1<br>
          G2<br>
          P1<br>
          P2 </th>
      </tr>
          </table>
    </div></td>
    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
            <tr align="center">
              <th colspan="14">NFC Ouest</th>
            </tr>
        <th></th>
            <th>&Eacute;quipe</th>
            <th>V</th>
            <th>D</th>
            <th>N</th>
            <th>%</th>
            <th>PP</th>
            <th>PA</th>
            <th>Dom</th>
            <th>&Eacute;tr</th>
            <th>AFC</th>
            <th>NFC</th>
            <th>Div</th>
            <th>S&eacute;rie</th>
        <tr>
          <th> <img src="Mes Images/Seattle.jpg"><br>
              <img src="Mes Images/St-Louis.jpg"><br>
              <img src="Mes Images/Arizona.jpg"><br>
              <img src="Mes Images/SanFrancisco.jpg">
          <th> Seattle<br>
            St-Louis<br>
            Arizona<br>
            San Francisco </th>
          <th> 9<br>
            8<br>
            6<br>
            2 </th>
          <th> 7<br>
            8<br>
            10<br>
            14 </th>
          <th> 0<br>
            0<br>
            0<br>
            0 </th>
          <th> .562<br>
            .500<br>
            .375<br>
            .125 </th>
          <th> 371<br>
            319<br>
            284<br>
            259 </th>
          <th> 373<br>
            392<br>
            322<br>
            452 </th>
          <th> 5-3<br>
            6-2<br>
            5-3<br>
            1-7 </th>
          <th> 4-4<br>
            2-6<br>
            1-7<br>
            1-7 </th>
          <th> 1-3<br>
            1-3<br>
            1-3<br>
            0-4 </th>
          <th> 8-4<br>
            7-5<br>
            5-7<br>
            2-10 </th>
          <th> 3-3<br>
            5-1<br>
            2-4<br>
            2-4 </th>
          <th> G2<br>
            G2<br>
            G1<br>
            P3 </th>
        </tr>
                  </table>
      </div></td>
  </tr>
</table>  

_________________
Développeur Web Senior, CEPEO, Ottawa, ON

Haut

François Bousquet

Sujet du message:

Publié: 23 Fév 2005, 01:02

Modérateur

Inscription : 09 Sep 2002, 12:54
Message(s) : 4121

Tu aurais pu afficher ça autrement, c'est comme pas mal plutôt très difficile à lire !

Haut

Darth Vador

Sujet du message:

Publié: 23 Fév 2005, 08:04

A réponse à tout!

Inscription : 01 Jan 2003, 17:13
Message(s) : 4946
Localisation : Sur un vaisseau de commandement de la flotte impériale

Merci, c'est exactement ce que je recherchais, seul détail j'aurais besoin d'environ 4 retour de lignes entre chaque tableau de colonnes, je pense pas que çà soit possible avec <br>

Ishan , quest que tu veux dire par ton commentaire ?

Haut

François Bousquet

Sujet du message:

Publié: 23 Fév 2005, 08:06

Modérateur

Inscription : 09 Sep 2002, 12:54
Message(s) : 4121

Martin Otis a écrit:

Ishan , quest que tu veux dire par ton commentaire ?

Bien de copier les 5 pages de code dans le message... c'est plutôt difficile à lire. Un lien aurait suffit.

Haut

Jump

Sujet du message:

Publié: 23 Fév 2005, 08:41

Référence

Inscription : 07 Jan 2002, 00:24
Message(s) : 5834

Martin Otis a écrit:

Merci, c'est exactement ce que je recherchais, seul détail j'aurais besoin d'environ 4 retour de lignes entre chaque tableau de colonnes, je pense pas que çà soit possible avec <br>

Code :

<table width="100%"  border="0" cellpadding="2" cellspacing="2">
  <tr>
    <td><div align="center">
      <table border="1" bgcolor="993333">
         ...
      </table>
    </div></td>
   
    <!-- Ajoute une colonne vide pour l'espacement -->
    <!-- À faire dans tous les TR entre les 2 TD contenant tes tableaux de données -->
    <td style="empty-cells: show;width: 15px;"></td> 

    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
           ...
        </table>
      </div></td>
  </tr>
  <tr>
     ...

Haut

François Bousquet

Sujet du message:

Publié: 23 Fév 2005, 08:43

Modérateur

Inscription : 09 Sep 2002, 12:54
Message(s) : 4121

Jump a écrit:

Martin Otis a écrit:

Merci, c'est exactement ce que je recherchais, seul détail j'aurais besoin d'environ 4 retour de lignes entre chaque tableau de colonnes, je pense pas que çà soit possible avec <br>

Code :

<table width="100%"  border="0" cellpadding="2" cellspacing="2">
  <tr>
    <td><div align="center">
      <table border="1" bgcolor="993333">
         ...
      </table>
    </div></td>
   
    <!-- Ajoute une colonne vide pour l'espacement -->
    <!-- À faire dans tous les TR entre les 2 TD contenant tes tableaux de données -->
    <td style="empty-cells: show;width: 15px;"></td> 

    <td>
      <div align="center">
        <table border="1" bgcolor="0099FF">
           ...
        </table>
      </div></td>
  </tr>
  <tr>
     ...

Il me semble que les <DIV> sont inutiles ici et pourraient facilement être remplacée par l'attribut align="center" de <TD>

Haut

Page 1 sur 1

[ 8 message(s) ]

Index du forum » Informatique » Programmation

Le fuseau horaire est UTC-5 heures [Heure d’été]

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité

Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum