faire un tableau

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

Résolu faire un tableau

Message par -Mishirame- le Lun 4 Fév 2013 - 20:46

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é.

-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

-Mishirame- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Anzu le Lun 4 Fév 2013 - 21:06


Rebonsoir,

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

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. Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par -Mishirame- le Mer 6 Fév 2013 - 17:17



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 =)

-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

-Mishirame- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Anzu le Mer 6 Fév 2013 - 17:35


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par -Mishirame- le Mer 6 Fév 2013 - 18:14



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 =(


-Mishirame-
***

Féminin
Messages : 176
Inscrit(e) le : 06/01/2012

-Mishirame- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Anzu le Mer 6 Fév 2013 - 18:25

Pas de panique ! Razz

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 Smile (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>

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Artdrock le Mer 6 Fév 2013 - 18:35

Mince Anzu est plus rapide que moi Confused
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
++

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Anzu le Mar 12 Fév 2013 - 12:28

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, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire un tableau

Message par Anzu le Jeu 14 Fév 2013 - 17:15

-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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu 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