Problème avec m apage d'accueil...

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

Résolu Problème avec m apage d'accueil...

Message par Kathou10 le Lun 16 Juil 2012 - 17:35

Bonjour tout le monde !
Alors j'ai un problème avec ma page d'accueil, dans le fond, je ne suis pas capable d'en faire une.. Même avec le tutoriel, ça ne marche pas ! J'ai vraiment besoin d'aide ! Si quelqu'un pourrais bien m'aider, ce serais fantastique !
Quelque chose dans se style ou si c'est trop compliquer, une page d'accueil bien banal... :
Spoiler:

Voilà mon forum : http://soccer-field.forum-canada.com/

Merci d'avance pour les personnes qui vont m'aider !

Kathou Clin d\'oeil


Dernière édition par Kathou10 le Ven 20 Juil 2012 - 16:19, édité 1 fois

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Lun 16 Juil 2012 - 17:59

Bonjour,

Je vous propose de suivre ce tutoriel qui vous aidera grandement.
Ensuite, voici déjà le tableau que vous devrez réaliser (sans les contours arrondis etc.) http://img15.hostingpics.net/pics/538382def.png
Pas besoin de faire les espaces blancs, un contour suffira.
Un petit rappel : pour fusionner à l'horizontal :
Code:
colspan="nombre de cellule"
Et pour la vertical :
Code:
rowspan="nombre de cellule"
Dès que vous aurez fait le code de base, je vous aiderais à faire le css.

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Lun 16 Juil 2012 - 18:23

Heum... C'est que je suis complètement nul... Donc je ne comprend rien... J'ai déjà été sur le site du zéro et ça n'avait rien donner.. :s

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Lun 16 Juil 2012 - 21:05

Avez-vous bien lu le tutoriel ? Pourtant ils expliquent clairement..
Qu'est-ce que vous ne comprenez pas ? Que je revois ça, on pourra ensuite continuer facilement.

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Lun 16 Juil 2012 - 21:25

Alors voilà :
Je comprend pour mettre un tableau, mais c'est ensuite... Pour mettre du CSS...
Comment on fait pour en mettre un plus loin ou plus gros.. Comme dans mon dessin, il a des cases petites sur la gauche, une grosse au milieu et un autre à droite... :s

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Lun 16 Juil 2012 - 21:27

Dans le fond, mon code HTML est ça ?????? :

Code:
<table>
  <tr>
      <td>Règlement</td>
      <td>Contexte</td>
      <td>Staff</td>
  </tr>
  <tr>
      <td>Post vancants</td>
  </tr>
<tr>
      <td>Licences pros</td>
  </tr>
<tr>
      <td>Présentation</td>
  </tr>
</table>

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Mar 17 Juil 2012 - 12:16

Il faut jouer avec les tailles. Voilà une explication :
width: 0px; : cela permet de modifier la largeur.
height: 0px; : cela permet de modifier la hauteur.

Si vous en comprenez toujours pas, essayez déjà sans leurs attribuer de tailles mais en mettant seulement les colspan et roxspan.

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Mar 17 Juil 2012 - 17:28

Mais c'est ou que je met les colspan et roxspan ?

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Mar 17 Juil 2012 - 22:40

Excusez moi, c'est rowspan. Faute de frappe.
Vous devez les placer dans les balises <td> :
Code:
<td rowspan="1">

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Mer 18 Juil 2012 - 18:08

Donc la première partie du code contient rowspan ?

Code:
<table>
  <tr>
      <td rowspan="1">
      <td>Règlement</td>
      <td>Post vacants</td>
      <td>Licences pros</td>
      <td>présentation</td>
  </tr>
</table>

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Mer 18 Juil 2012 - 19:41

Non, ce n'est pas tellement ça. Voilà le code que je vous propose, vous verrez le fonctionnement :

Code:
<table border="black 1px">
<tr>
<td>Règlement</td>
<td rowspan="4">Contexte</td>
<td rowspan="4">Staff</td>
</tr>
<tr>
<td>Posts Vacants</td>
</tr>
<tr>
<td>Licences Pros</td>
</tr>
<tr>
<td>Présentations</td>
</tr>
<tr>
<td colspan="3">Partenaires</td>
</tr>
</table>

Le tr permet d'avoir plusieurs td (donc cellules) sur une même ligne à l'horizontal.
Vous voyez ?

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Mer 18 Juil 2012 - 19:54

Oui, je comprend mieux, mais pourquoi "4" dans le rowspan ?

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Roxy. le Jeu 19 Juil 2012 - 13:19

Car si vous regardez bien, les deux cellules Contextes et Staff font la même longueur que les 4 cellules de gauches. On demande donc au css de fusionner les cellules contexte et Staff pour donner la même longueur que celles de gauche.
Maintenant, on va pouvoir séparer notre code en deux codes tout en le regroupant dans le même. Il suffit de mettre le css au début entre les balises styles :
Code:
<style>       
table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td
{
    border: 1px solid black; /* Les cellules auront une bordures de 1px et de couleur noire */
}
</style>
<table>
        <tr>
        <td>Règlement</td>
        <td rowspan="4">Contexte</td>
        <td rowspan="4">Staff</td>
        </tr>
        <tr>
        <td>Posts Vacants</td>
        </tr>
        <tr>
        <td>Licences Pros</td>
        </tr>
        <tr>
        <td>Présentations</td>
        </tr>
        <tr>
        <td colspan="3">Partenaires</td>
        </tr>
        </table>
Je vous ai mis une légende après chaque propriétés pour que vous compreniez. Est-ce que ça va pour l'instant ?

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Jeu 19 Juil 2012 - 15:11

Oui, ça va !

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par DREAM.ARTS le Jeu 19 Juil 2012 - 21:01

Sinon, tu peux le faire sans codage si t'es douer au niveau graphique!! Tu fais ta PA sur un logiciel graphique, ensuite pour les lien tu telecharge le logiciel imapic voilà un tuto qui explique tout Smile c'e
st tès simple et presque sans codage !
http://twinklestar.1fr1.net/t272-codage-d-une-page-d-accueil

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Ven 20 Juil 2012 - 0:20

Je ne peux pas voir, car je ne suis pas membre... :s

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par DREAM.ARTS le Ven 20 Juil 2012 - 0:45

Téléchargement & installation de IMAPIC2

Utilisation de IMAPIC2
A l'ouverture du logiciel, il vous demande directement l'image. Séléctionnez la dans la liste. Pour la trouver, il faut l'avoir enregistré en BMP /!\ .

Quand votre image est ouverte, il ne vous reste plus qu'à selectionné les parties où vous voulez mettre un lien. Pour ce faire, pas besoin d'outil, juste clique gauche de la souris à l'endroit voulu, sélectionnez, puis relachez.

Une fois sélectionné, il vous faut insérer un lien. Pour cela, clique droit sur la sélection > edit properties...
Ecrivez le lien dans la première case
faites pareil pour les autres liens

Ensuite cliquez sur l'icone: la petite feuille avec des lignes
Dans le premier cadre vous avez votre code selectionnez le
Après avoir copié le code, allez sur votre panneau d'administration. Affichage > Page d'accueil > généralités, puis collez le code dans la partie message de la page d'accueil.

Maintenant à la place de ta première url tu met celle de ton image enregistré et hebergé en PNG


J'espère avoir bien expliquer sinon, demandez moi Smile

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par Kathou10 le Ven 20 Juil 2012 - 16:19

Wow, merci beaucoup Smile

Kathou10
Nouveau membre

Messages : 10
Inscrit(e) le : 16/07/2012

http://soccer-field.forum-canada.com/
Kathou10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec m apage d'accueil...

Message par DREAM.ARTS le Ven 20 Juil 2012 - 16:22

De rien !

DREAM.ARTS
*

Féminin
Messages : 45
Inscrit(e) le : 09/07/2012

http://dream-arts-official.lebonforum.com
DREAM.ARTS 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