Besoin d'un code pour tableau.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Jeu 2 Sep 2010 - 19:44

Bonjour,
J'aimerais avoir un tableau simple avec des bordures bien rondes mais là n'est pas la problème. Ce que j'aimerais, c'est un code qui me permette d'avoir le contenu des cellules de mon tableau, mis à part celles des titres où il y a une barre de navigation, comme il y a sur internet sur le côté. Je ne sait pas si c'est possible mais j'aimerais m'en informer ^^

Si vous pouviez aussi m'aider à le faire correctement, parce que, je ne m'en sort plus avec tous mes codes :S

Si vous avez besoin de plus d'infos sur le tableau, dites-le moi ^^


Dernière édition par Inconnue_du_31 le Ven 3 Sep 2010 - 18:06, édité 1 fois

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Jeu 2 Sep 2010 - 21:21

Bonsoir,

Désolé mais je ne comprends pas ce que vous souhaitez.

Pouvez-vous faire une impression ecran si vous avez un exemple?

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 9:47



      Je n'ai pas vraiment d'exemple mais je vais tenter de ré expliquer plus clairement ^^'

      On vas commencer par le début :
      Un tableau tout simple pour commencer.
      Dans les cellules où on met des titres, il faudrait que le haut soit arrondis, comme si il y avait un onglet. Ensuite, dans les cellules où on écrit le contenu du tableau, ce soit comme une page internet pour la barre à droite (de votre fenêtre internet). (comme dans le spoiler, ce qui est entourer en rouge).

      Spoiler:

      C'est plus clair ? Je n'explique pas très bien mais je pense que c'est déjà mieux que la première fois ^^"



Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 13:52

Bonjour,

Oui c'est plus clair Wink
Donc pour l'arrondi il y a un seul inconvénient, IE (meme version 8 ) ne le gére pas. Il reste toujours la solution de passer par une image.
Par exemple:

Vous y mettez le texte que vous voulez et vous la placez dans une cellule et le tour est joué.
Ce que vous avez entouré c'est une scrollbar c'est tout a fait réalisable.
Connaissez-vous un peu le html et le css?

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 13:57



      Je connais un peu ... okish' ! Et donc, on est obligés de passer par une image... mmh ! C'est faisable !
      Mais pour le scrollbar, c'est comment que l'on fait? ^^'



Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 14:05

Non tu n'es pas obligé de passer par une image des codes javascript existent mais la je ne peux pas t'aider je n'y connais rien.
Pour la scrollbar c'est assez simple.
Il suffit de mettre une class à ton tableau, par exemple class="defilement" et dans le css tu mets la propriété overflow avec la valeur scroll, ça donnerait ça:
Code:
.defilement
{
overflow: scroll;
}
Ainsi si ton texte dans la cellule est trop grand une scrollbar sera ajoutée automatiquement.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 14:06

Je peux dire que j'ai rien compris ?

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 14:18

Lol oui tu peux le dire.

Bon disons que ton tableau il va commencer avec la balise <table>.
Voila donc comment attribuer une class à ton tableau
<table class="defilement">

Cette class grace au css et la propriété overflow tu vas lui dire que si une cellule est trop petite pour le texte que tu y mets alors il y aura une scrollbar.
Bien sur il faudra définir la hauteur et la largeur de tes cellules sinon elles s'adapteront a ton texte et ça risque de pas faire joli!

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 14:21

AAhh !! Mercii ^^
et comment on fait pour... (je suis casse pieds hein ?! xD) ... pour définir la hauteur ? Où on le mets ?

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 14:35

Dans le css ou directement dans les balises.
Par exemple dans une balise.
Code:
<table class="defilement">
<tr><td style="width:21px; height:21px;">TON TEXTE</td></tr>
</table>

width = largeur de la cellule
height = hauteur de la cellule

donc pour chaque cellule tu fais la même chose Wink et 21px c'est un exemple tu mets ce que tu veux!

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 14:37

J'ai fait un essai dans un tableau banal et sans contenu ... rien ! J'ai tout fait planter ! snif

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 14:42

S'il n'y a pas de contenu c'est normal que tu ne vois rien.
On a pas mis de bordure au tableau.
Dis moi combien tu veux de colonnes et de lignes ça sera plus simple Wink

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 14:47

Désolée pour le dérangement occasionné :S

Alors ce serait pour deux tableaux à trois colonnes et deux lignes et un tableau une colonne deux lignes.

Et oui parce que sur ma PA, c'est fait en plusieurs tableaux ^^"

Merciii beaucoup d'avance ^^

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 15:18

OK je te fais ça.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 15:20

Merci milles fois ^^
*aux anges*

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 15:59

Est-ce que quelque chose comme ça vous conviendrait?
http://testdarts.forumgratuit.org/b-h2.htm

Bien sur les dimensions sont paramétrables Wink
On peut faire a peu pres ce que l'on veut.
Texte aligner comme on le souhaite de la couleur que l'on veut.
Taille des cellules, couleur et taille de bordure etc...

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 16:24

**
J'adore !
C'est exactement ce que j'aimerais avoir **

MERCIIIII

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 16:34

Dans ce cas,
Voila le code pour un tableau a 1 colonne et 2 lignes:
Code:
<table  border="1">
   <tr>
      <td align="center">
         <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
   <tr>
      <td>
         <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
         </div>
      </td>
   </tr>
</table>

voila le code pour le tableau 3 colonnes et 2 lignes:
Code:
<table  border="1">
   <tr>
      <td align="center">
         <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
      <td align="center">
         <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
      <td align="center">

         <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
   </tr>
   <tr>
      <td>
         <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
         </div>
      </td>
      <td>

         <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
         </div>
      </td>
      <td>
         <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
         </div>
      </td>
   </tr>
</table>

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 16:53

(vous avez fait le cadre gris avec quoi ? J'essaye de le refaire avec GIMP mais je galère... :S)

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 16:58

Et comment en faire un avec deux colonnes et deux lignes ? Et aussi, comment "régler" la largeur ? Enfin, la hauteur, parce que pour le moment, ça me fait ceci : http://ce-de-la-valley.forumactif.org/index.htm

Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 17:56

@Inconnue_du_31 a écrit:
(vous avez fait le cadre gris avec quoi ? J'essaye de le refaire avec GIMP mais je galère... :S)

Dans <table border="1"> c'est ça qui donne la bordure. Si vous ne le mettez pas y a pas de bordure si vous mettez 2 ou plus la bordure est plus épaisse.

La hauteur et la largeur c'est width et height.

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Renald le Ven 3 Sep 2010 - 17:59

2 colonnes, 2 lignes:
Code:
<table  border="1">
  <tr>
      <td align="center">
        <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
      <td align="center">
        <img src="http://img227.imageshack.us/img227/6267/arrondi1.png" />
      </td>
  </tr>
  <tr>
      <td>
        <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
        </div>
      </td>
      <td>
        <div style="width:220px; height:220px; overflow:auto;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTETEXTETEXTE TEXTE TEXTE TEXTE
        </div>
      </td>
  </tr>
</table>

Renald
*****

Masculin
Messages : 627
Inscrit(e) le : 27/04/2006

http://t-c-d.forumactif.com
Renald a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'un code pour tableau.

Message par Inconnue_du_31 le Ven 3 Sep 2010 - 18:05

MERCI ENCORE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!







Inconnue_du_31
***

Féminin
Messages : 136
Inscrit(e) le : 12/07/2010

http://testdeforum.forumgratuit.org/
Inconnue_du_31 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum