Deux tableaux côte à côte

[jeremalix]

Bonjour
J'ai un code pour une case ...très bien.

Code:

<table border= 8 bgcolor="yellow"><tr><td> TEXTE </td></tr></table>

Mais je voudrais en mettre une autre à côté (et pas en dessous)
J'ai beau mettre les codes à la suite, le 2ème se met dessous.
Que mettre entre les 2 codes pour que les cases soient côte à côte ? ?

[Faline]

Voici un tableau avec une ligne et deux cellules :

Code:

<table border=8 bgcolor="yellow"><tr><td>texte1</td><td>texte2</td></tr></table>

Eventuellement encore mettre un "cellpadding" et/ou "cellspacing"...

Voir p.ex. http://www.snv.jussieu.fr/archambault/cours/html/textes/tableaux.html

Suivant l'effet recherché imbriquer des tableaux les uns dans les autres...

[jeremalix]

Bonsoir Faline
Donc avec mon code (1er post) ça ....impossible.
(petit montage sur photofiltre pour exemple)

[Shiyami]

Ce que je peux te proposer, c'est de créer deux blocs où tu pourras les mettre cote à cote.

Code :

Code:

<div style="position:absolute;width:50px;"><table border="8px" bgcolor="yellow"><tr><td>Et une ligne, une.</td></tr></table></div><div style="position:relative;width:50px;left:50px;"><table border="8px" bgcolor="yellow"><tr><td>Et une ligne, une.</td></tr></table></div>

De mon côté ça marche, si ça ne marche pas préviens moi

[Faline]

Donc avec mon code (1er post) ça ....impossible.

C'est possible en imbriquant des tableaux les uns dans les autres comme j'ai suggéré :

Code:

<table border=1 cellspacing=0>
    <tr>
<td><table bgcolor="green" border="8"><tr><td>texte1</td></tr></table></td>
<td><table bgcolor="red" border="8"><tr><td>texte2</td></tr></table></td>
    </tr>
</table>

donne

Avec cette méthode on n'as pas besoin de styles et peut gérer plus facilement l'espace quand on modifie le contenu des cellules.

Le code de Shiyami donne chez moi : , les "tableaux" se chevauchent déjà un peu...

Ce code peut par contre être utile dans d'autres contextes, merci Shiyami !

[Shiyami]

Pour ce problème de chevauchement, tu as juste à changer le code du second tableau :

Code:

<div style="position:relative;width:50px;left:50px;"><table border="8px" bgcolor="yellow"><tr><td>Et une ligne, une.</td></tr></table></div>

Tu peux voir qu'il y a un "left:50px;", tu peux facilement régler ce soucis en augmentant la valeur.
Par exemple :

Code:

<div style="position:absolute;width:100px;"><table border="8px" bgcolor="yellow"><tr><td>Et une ligne, une.</td></tr></table></div><div style="position:relative;width:100px;left:116x;"><table border="8px" bgcolor="yellow"><tr><td>Et une ligne, une.</td></tr></table></div>

Par exemple, avec le "left:116px;", j'ai pris en compte la largeur du premier div et les bordures. C'est tout à fait malléable ^^

Mais c'est vrai que ta méthode fonctionne aussi
(J'ai fait le code rapidement, je me doutais qu'il y aurait des soucis ^^')

Brefouille ! Bonne continuation !

[jeremalix]

Hello Shiyami ...Faline

Shiyami....Tu m'as donné un code qui marche super ....merci

--------------------------------------------------------------------------------
J'ai trouvé quelque chose qui me convient également , mais je vais faire appel à vos services.
Lorsque je le colle sur un post, j'ai un "blanc" énorme entre le haut du post et les tableaux (saisie)
Comment l'éviter ? ?

Code:

<table border width=30%>
<tr><th>JC59</th>
    <th> la 3</th></tr>
<tr> <th>claudius</th>
    <th> la 3</th></tr>
<tr><th>Didier</th>
    <th> la 3</th></tr>
<tr> <th>Mamie45</th>
    <th> la 3</th></tr>
<tr><th>Kloklo</th>
    <th> la 3</th></tr>
<tr> <th>Xiane</th>
    <th> la 3</th></tr>
<tr><th>Mimosas</th>
    <th> la 3</th></tr>
<tr> <th>Marco</th>
    <th> la 3</th></tr>
<tr><th>Yod</th>
    <th> la 3</th></tr>
<tr> <th>Z06</th>
    <th> la 3</th></tr>
<tr><th>Alcalain</th>
    <th> la 3</th></tr>
<tr> <th>Papy42</th>
    <th> la 3</th></tr>
<tr><th>Crouton</th>
    <th> la 3</th></tr>
<tr> <th>Klint</th>
    <th> la 2</th></tr>
<tr><th>7591Alain</th>
    <th> la 1</th></tr>
<tr><th>Atoll</th>
    <th> la 1 ou la 2</th></tr>
<tr> <th>Optimuss</th>
    <th> la 1</th></tr>
</table>




[Lixyr]

Bonjour,

Le blanc énorme est du à l'éditeur de texte, qui poste tous les retours à la ligne que vous mettez entre chaque balise en dehors de votre tableau (il faut bien les mettre quelque part).
Quand vous postez un code HTML comme le vôtre, le mieux est de ne pas mettre de retour à la ligne entre les balises.

Code:

<table border width=30%><tr><th>JC59</th> <th> la 3</th></tr><tr> <th>claudius</th> <th> la 3</th></tr><tr><th>Didier</th> <th> la 3</th></tr><tr> <th>Mamie45</th> <th> la 3</th></tr><tr><th>Kloklo</th> <th> la 3</th></tr><tr> <th>Xiane</th> <th> la 3</th></tr><tr><th>Mimosas</th> <th> la 3</th></tr><tr> <th>Marco</th> <th> la 3</th></tr><tr><th>Yod</th> <th> la 3</th></tr><tr> <th>Z06</th> <th> la 3</th></tr><tr><th>Alcalain</th> <th> la 3</th></tr><tr> <th>Papy42</th> <th> la 3</th></tr> <tr><th>Crouton</th> <th> la 3</th></tr><tr> <th>Klint</th> <th> la 2</th></tr><tr><th>7591Alain</th> <th> la 1</th></tr> <tr><th>Atoll</th> <th> la 1 ou la 2</th></tr> <tr> <th>Optimuss</th> <th> la 1</th></tr></table>

[jeremalix]

Bonjour Lixyr
Merci.....c'était bien ça.
Mais quel boulot à remettre sans espace
Car pour réaliser un tableau de ce genre, c'est plus facile (pour un lambda comme moi)
en l'ayant en hauteur (comme ci-dessous)
N'y a-t-il pas une combine pour le remettre sans espace plus facilement qu'en "glisser/poser" ? ?

Code:

<tr> <th>Klint</th>
<th> la 2</th></tr>
<tr><th>7591Alain</th>
<th> la 1</th></tr>
<tr><th>Atoll</th>
<th> la 1 </th></tr>
<tr> <th>Optimuss</th>
<th> la 1</th></tr

[Neptunia]

Bonjour ^^


Vous pouvez conserver le modèle dans un format lisible et ensuite le minifier juste avant de le poster sur votre forum
Par exemple ici http://minifycode.com/

A noter que cet outil en ligne permet aussi l'opération inverse : beautify en anglais (que je traduirais par enjoliver).

[jeremalix]

Hello Neptunia
Super site car je me morfondais
1/ Pour supprimer les espaces sur un long code
2/ Une foin sans les espaces... pour re-rentrer un élément
Super ...merci.

[Neptunia]

La toile regorge d'outils de ce type comme celui-ci http://jsbeautifier.org/ qui offre la possibilité de paramétrer le rendu.

Celui que je vous ai fourni et que je n'ai découvert qu'aujourd'hui présente l'avantage de gérer à la fois la minification et la mise en valeur. Et gère à la fois css html et javascript/jQuery