faire un tableau

[-Mishirame-]

bonsoir à tous,

j'essaye de chercher moi même la solution pour ça mais je n'y arrive vraiment pas alors ...

je voudrais savoir comment je pourrais faire un tableau comme celui la svp, sur ce forum XXXXX

bien sur les couleurs et la structure modifiable à ma sauce après, mais que l'on m'expliquer exactement ce qu'est ce tableau car je n'arrive pas à le reproduire ... est-ce un tableau normal ? si oui comment avoir quelque chose de ce genre ? j'ai déja essayé plusieurs fois moi même mais bon... je suis encore débutante à tout ça é_è

en attendant vos réponses !

cordialement.


Edit modération: Lien retiré.

[Anzu]

Rebonsoir,

Juste pour la petite info, je vous rappelle que les demandes afin de copier un forum sont interdites. Donc faites un schéma

J'ai expliqué comment faire un tableau dans ce sujet.

Commencez par établir un schéma et suivez le tuto. S'il y a des soucis par la suite, je vous aiderai.

Cordialement.

[-Mishirame-]

bonjour, je pense avoir compris comment faire grace au post auquel vous m'avez orienter , cependant y'a un truc que j'ai jamais réussi à faire ... c'est alligner plusieurs tableau différent ( qu'il y'ai des espaces entre deux tableaux ) et enfait bah je voudrais un rendu comme ça ( j'ai fait un schéma )



ce que vous voyez au milieu est un diaporama, et en gris les bloc de tableau que je voudrais y insérer , mais je n'arrive pas à les séparer ... ni à mettre un de chaque coté du diapo =(

en attente de votre aide !

je vous remercie d'avances =)

[Anzu]

Hé bien, la structure de votre tableau ressemblera à ça:

Code:

<table><tr><td rowspan="3">Contenu en gris tout à gauche</td><td rowspan="3">le diaporama</td><td>cadre gris tout en haut</td></tr><tr><td>cadre gris milieu</td><td>cadre gris en bas</td></tr></table>

Après pour l'effet "cadre/bulle". Dans chaque td, vous mettez le contenu dans un div etc

Cordialement.

[-Mishirame-]

merci bien encore une fois !

mais euh ... je sais pas trop comment procéder pour les div, car quand je faisais des tableau j'avais l'habitude de mettre un truc du genre :

Code:


<table border="1" class="quelquechose" > ect ...

mais ça n'a pas trop l'air de marcher ><

car la avec les cases que je souhaite mettre, je voudrais faire le petit shadow et les bords arrondi, va falloir que je passe par le CSS ça veut dire non? mais en faisant des div je sais pas si c'est possible ...

enfin de toute manières j'ai du mal >,< j'ai essayé de mettre class=" " dans le td mais ca ne fonctionne pas non plus =(

[Anzu]

Pas de panique !

Comme ceci:

Code:

<td><div class="blabla1">CONTENU cadre</div></td>

Et dans le css par exemple:

Code:

.blabla1 {
-border-radius: 15px;
border: solid #000000;
}

Après, vous rajoutez tout ce que vous voulez directement dans le css (un fond, un effet, etc)

Je vous redonne le code du template, je me suis trompée sur la fin:

Code:

<table><tr><td rowspan="3">Contenu en gris tout à gauche</td><td rowspan="3">le diaporama</td><td>cadre gris tout en haut</td></tr><tr><td>cadre gris milieu</td></tr><tr><td>cadre gris en bas</td></tr></table>

[Artdrock]

Mince Anzu est plus rapide que moi
Je te post quand même mon exemple

Exemple HTML

Code:

[center][table border="0"]
  <tr>
    <td width="100" rowspan="5" height="25"> <p id="cadre">A</td>
    <td width="0" rowspan="5" height="25" </td>
    <td width="200" height="25" rowspan="5"> <p id="cadre">B</td>
    <td width="0" height="25" rowspan="5" </td>
    <td width="100" height="64"><p id="cadre"> C</td>
  </tr>
  <tr>
    <td width="100" height="0" ></td>
  </tr>
  <tr>
    <td width="100" height="64"><p id="cadre"> D</td>
  </tr>
  <tr>
    <td width="100" height="0" ></td>
  </tr>
  <tr>
    <td width="100" height="64"><p id="cadre"> E</td>
  </tr>
[/table][/center]

Le CSS

Code:

/*Cadre avec bords arrondi*/
p#cadre {
border: 1px solid #696;
padding: 1px 0;
text-align:  width: 200px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: #666 0px 2px 8px;
-moz-box-shadow: #666 0px 2px 8px;
box-shadow: #666 0px 2px 8px;
background: #C0C0C0;
background-image: url(http://cdn2.play4free.com/static/theme/p4f-common-theme/images/global/topnav-beta/p4fnav-menu-origindark.png);
background-repeat: no-repeat;
background-position: center;
    -webkit-background-size: 390px 150px;
    -khtml-background-size: 390px 150px;
    -o-background-size: 390px 150px;
    background-size: 390px 150px;}

Tu modifie évidement à ta convenance
++

[Anzu]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Anzu]

-Mishirame- > Bonsoir, je considère ce sujet comme étant "résolu".
Si ce n'est pas le cas, vous pouvez m'envoyer un MP.
Cordialement.