Comment faire un tableau

[Fleurfanée]

Bonjour , mon probléme moi c'est que je n'arrive pas a faire ce dont je voudrais faire ..
Pourtant j'ai lu et relu vos sujets d'aide --> HTML , CSS , et d'autres ..

Il y a des choses que je comprend et d'autre non .
Pour ma part j'aimerai faire une présentation genre



Mais impossible d'y arriver , sa fait déjà plusieurs jours que j'essaye mais je comprend pas
Et c'est pas du plagiat je tient a vous le dire , parce que je ferais le texte et tout le reste a ma sauce .

Si vous pouvez m'aider Et ne dites pas de lire vos trucs parce que j'ai déjà lu :/

Ps : Désoler si c'était pas ici que je devais le mettre

[Scipion]

Bonjour

Une proposition pour votre page d'accueil :

Code:

<table style="border:1px solid #9E0606;">
<tr>
<td width="400" height="23" valign="top" style=" background: #6B6E6C; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> NAVIGATION </b></td>
</tr>
<tr>
<td style="text-align:center; border: solid 1px #9E0606; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
</tr>
</table><br>


<table style="border:1px solid #9E0606;">
<tr>

<td width="400" height="23" valign="top" style=" background: #6B6E6C; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> CONTEXTE </b></td>

<td width="400" height="23" valign="top" style=" background: #6B6E6C; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> L'EQUIPE </b></td>

</tr>
<tr>
<td style="text-align:center; border: solid 1px #9E0606; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
<td style="text-align:center; border: solid 1px #9E0606; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
</tr>
<td width="400" height="23" valign="top" style=" background: #6B6E6C; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> REFERENCEMENT </b></td>

<td width="400" height="23" valign="top" style=" background: #6B6E6C; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> NEWS </b></td>
</tr>
<tr>
<td style="text-align:center; border: solid 1px #9E0606; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
<td style="text-align:center; border: solid 1px #9E0606; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
</tr>
</table>

Cordialement

[Fleurfanée]

Merci de ta réponse

Donc ce que j'aurais aimé vous ne savez vraiment pas ?
Sinon pour ce qui vous m'avez envoyer j'aime bien , mais sa fait trop effet tableau en faite .

Avez vous d'autre idée avec un truc qui fasse moins tableau ( comme je vous ai montré ) ?

Mercii beaucoup

[Invité]

Bonjour,

Pour ce que cela fasse moins "tableau", vous pouvez peut-être supprimer les bordures entre les différentes colonnes de votre tableau.

Cordialement

[Fleurfanée]

Merci , donc j'ai enlevé les bordures . Par contre je sais plus comment qu'on dit , mais pour ce qui est de la navigation , comment faire pour quand admettons je clique sur Règlement sa m’emmène directement a celui ci ? Puis comment mettre cote a cote ?

Pour ce qui est de Référencement et News j'en veut pas . Et par contre mettre Partenariat sur la droite . En faite voila ce que j'aimerai :

NAVIGATION : Règlement ; Post Vacant ; Présentation .

L'ÉQUIPE: CONTEXTE: PARTENARIAT:


Photo Histoire Photo



Je sais pas si vous accepterez de m'aider .. Je l'espère vraiment en tout cas . Parce que j'ai beau essayais de comprendre les codes et tout ben j'ai trop du mal . Ah et oui une question . Comment savoir dans quel ordre qui faut mettre les codes ?

Du coup quand je fais prévisualiser sa marche mal . En faite pour l'équipe j'aimerai qu'il soit a gauche avec photo en dessous . Contexte au millieu avec l'histoire que je vais mettre en dessous et Partenariat a droite avec les photos des partenaires en dessous .

[Invité]

Bonsoir,

Je vous suggère d'aller lire ce post et le tuto d'Isolde très détaillé dans lequel elle explique comment faire des onglets; si j'ai bien compris ce que vous souhaitiez faire pour votre page d'accueil : https://forum.forumactif.com/t302694-page-daccueil-original?highlight=css+pour+page+d+acceuil

Cordialement

[Scipion]

Dans la partie Navigation, remplacez le mot Règlement par ce code :

Code:

<a href="Adresse URL de la page du Règlement">Règlement</a>

Cordialement

[Fleurfanée]

Merci pour vos réponse .
J'ai était sur ton lien Lydie merci . Sa explique bien quand même , mais j'ai beau avoir lu ou alors je suis vraiment myope lol mais je trouve pas comment faire pour le contenu 1 et même le 2 et 3 comment mettre une photo dedans . Et les textes .

[Alex Fowl]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[Fleurfanée]

UP

[Invité]

Bonjour,

Votre texte, vous devez le taper à la place des mentions suivantes "onglet 1", "Onglet 2" ; "contenu ", "contenu ". Vous effacez ces mentions et tapez votre texte à la place.

Pour le lien, essayez ce code :

Code:

[url=http://VOTRE%20LIEN][/url]

Vous insérez également ce lien dans votre contenu.

Cordialement

[Fleurfanée]

Pour le début de votre réponse oui je savais

Sinon j'avais posé cette question mais je n'avais eu aucune réponse . Comment savoir dans quel ordre qu'il faut mettre tout ces codes ?

[Fleurfanée]

Désoler pour le double post .

Est ce que si je vous fait un brouillon de se que j'aimerai , vous pouvez me le faire ?

[Fleurfanée]

UP

[Fleurfanée]

Répondez svp . Vous pouvez me faire le tableau que je vous ai mis tout en haut

[Invité]

Bonsoir,

Veuillez m'excuser, j'avais oublié votre post. Pour ma part, je peux vous aiguiller sur tel ou tel post qui pourrait vous permettre de réaliser cette page d'accueil, mais mes compétences ne me permettent pas de pouvoir vous réaliser ce que vous nous montrez dans votre premier message.

Mes excuses encore pour n'être pas repassée sur votre post dans l'intervalle.

Cordialement

[Fleurfanée]

Bonjour , pas grave pour l'attente , puis je ne suis pas la seule qu'a besoin d'aide donc je comprend .
Comment sa par tel ?
Dommage que vous ne puissiez pas m'aider pour le tableau que je vous ai montrer . Mais sinon j'aimerai faire un truc qui fasse pas " débutant " quoi . Après je ne sais pas ce que vous savez faire .

Merci pour votre réponse .

[Invité]

Bonsoir Fleurfanée,

Comme je vous l'ai dit je ne suis pas très performante pour faire des tableau. Très sincèrement, j'ai commencé à faire quelque chose, mais le résultat n'est vraiment pas abouti. Si vous y tenez, je vous mets les codes ici. Mais il faudrait y travailler encore.

Cordialement

[Fleurfanée]

Bonjour Lydie .
Tant pis si vous n'y arriver pas , je vais pas vous gronder quand même , vous êtes déjà gentille de vouloir m'aidé

Allez y donner je vais regarder ça

[Invité]

Bonsoir Fleurfanée,

Je me suis renseignée par ailleurs, pour voir comment améliorer l'apparence du tableau, et surtout arriver à peu près au résultat que vous souhaiteriez avoir, au moins dans sa structure. Il faut donc que j'applique ces modifs. Je reposterai alors les codes. N'hésitez pas cependant à upper votre sujet si vous ne voyez pas de message de ma part, toujours par tranche de 24 H

Cordialement

Edit du 16/06 : voici ce que j'obtiens pour le moment. Dites-mois ce que vous en pensez en mettant ce code dans le PA>affichage>page d'accueil>généralités>contenu du message en faisant attention à ce que le bouton HTML soit sous cette forme :

Code:

<table>
    <tr>
    <td class= "titrepa" width="400" height="23" valign="top" ; color:#FCDC12; text-align:center; font-size: 12pt;"><b> NAVIGATION </b></td>
    </tr>
    <tr>
    <td class="contenupa" style="text-align:center;  font-size: 10pt;"> CONTENU ET IMAGES </td>
    </tr>
    </table><br>


    <table>
    <tr>
 <td class= "titrepa" width="400" height="23" valign="top" ; color:#FCDC12; text-align:center; font-size: 12pt;;"><b> L'EQUIPE </b></td>

    <td class= "titrepa" width="400" height="23" valign="top" ; color:#FCDC12; text-align:center; font-size: 12pt;"><b> LE CONTEXTE </b></td>

<td class="titrepa" width="400" height="23" valign="top"; color:#FCDC12; text-align:center; font-size: 12pt; border: solid 1px #9E0606;"><b> PARTENARIAT </b></td>
    </tr>
    <tr>
    <td class="contenupa" style="text-align:center; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
    <td class="contenupa" style="text-align:center;  color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
 <td class="contenupa" style="text-align:center; color:#6B6E6C; font-size: 10pt;"> CONTENU ET IMAGES </td>
    </tr>
      </table>

Et mettez ce code-ci dans votre feuille de style CSS :

Code:

  .titrepa{

text-align: center;/* pour center le texte*/
padding: 2px;/*marge intérieure autour du texte*/
font-size: 20px;/*taille de la police*/
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;}

.contenupa{

text-align: center;/*texte centré*/
padding: 5px;
font-size: 11px;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;}

[Fleurfanée]

Coucou lydie merci de ta réponse . J'ai regarder ce que tu as fait . Mais sa a changer , je ne fais plus de contexte . Enfin vas voir sur mon fo , j'ai reussi a faire un petit truc mais c'est pas tout a fait sa . Merci de m'avoir donner de ton temps . Question que tu sauras pas répondre je pense enfin j'en sais rien lol . Sait tu comment qu'on fait pour mettre les lignes epaisses qui sont de chaque côté du forum comme sa :

http://dirty-secret.forumsactifs.com/

( Les lignes marron )

Si tu peut m'aider , ou quelqu'un d'autre MERCI

[Convivialite]

Bonjour

le code pour les contours avec arrondis

Code:

body{
border: 10px solid #ta couleur;
-moz-border-radius: 20px;
}

Amicalement

[Fleurfanée]

Merci de votre réponse je vient de le faire mais sa marche pas . Enfin je sais pas si vous m'avez envoyer ce que je voulais . Que de chaque coté du forum l'encadrement sois plus épais .

[Convivialite]

j'ai vu ta feuille de css

pour que ça fonctionne , il faut mettre une couleur a la place de " ta couleur "

Code:


body{
border: 10px solid #61C2AA;
-moz-border-radius: 20px;
}

là , je t'ai mis ton vert ou a peu prés

[Fleurfanée]

Merci beaucoup C'est ce que je voulais , j'avais pas remarquais que la couleur n'étais pas mise lol , je suis pas douée .
Merci infiniment a vous trois de m'avoir répondu