Mise en page de ma PA

[Atama Ga Okashii]

Bonsoir, ou bonjour tout dépend de vous

Voilà ma demande, j'aurais besoin d'un coup de main pour crée ma PA, j'me débrouille question code, mais j'aimerais quelques pistes pour crée une page d’accueil qui ressemblerait à ca!

Spoiler:

Se serait surtout pour la mise en page du tableau et faire en sorte d'avoir le trait en continue avec les écriture qui le chevauchent

Merci d'avance !

[SoraNoHime]

Bonsoir,

Puisque vous vous débrouiller en codes, je suppose que vous avez déjà du faire une ébauche de votre tableau. Puis-je avoir déjà ce peu si vous l'avez (meme seulement la structure du tableau ^^) ? cela irait plus vite pour vous aider.

Cordialement.

[Atama Ga Okashii]

Merci de ta réponse

Justement mon soucis est la, je ne sais pas comment faire les codes pour que le tableau en 5 partis, comme sur ma base x_x.

[SoraNoHime]

Bonsoir,

Commencez déjà en remplissant ce tableau ^^. C'est la structure de votre page d'acceuil.

Code:

<table width="100%" border="0">
   <tr>
      <td align="right" colspan="3">
         <img src="adresse de votre image" />
      </td>
   </tr>
   <tr>
   <td width="20%" align="left"><div class="patitre">navigation</div>
   </td>
   <td width="30%" align="left"><div class="patitre">news</div>
   </td>
   <td width="50%" align="left"><div class="patitre">contexte</div>
   </td>
   </tr>
   <tr>
      <td align="right" colspan="3">
         <hr class="separe">
      </td>
   </tr>
   <tr>
   <td align="center" valign="top">
      vos liens
   </td>
   <td align="justify" valign="top">
      Votre texte
   </td>
   <td align="justify" valign="top" rowspan="3">
      Votre texte
   </tr>
   <tr>
   <td align="left"><div class="patitre">staff</div>
   </td>
   <td align="left"><div class="patitre">vaccants</div>
   </td>
   </tr>
   <tr>
      <td align="right" colspan="2"> <hr class="separe">
      </td>
   </tr>
   <tr>
   <td align="center" valign="top">
      Vos images
   </td>
   <td align="center" valign="top">
      Vos images
   </td>
   </tr>
   </table>

Une fois qu'il sera installé, donnez moi un lien pour que je vois ce qu'il faut changer en css. Cordialement.

[Atama Ga Okashii]

Merci beaucoup ! Alors j'ai essayé tout ca ca marche bien sauf un léger truc:
http://new-azn.forumgratuit.org/

Comme vous pouvez voir le contexte agrandis la ligne au complet ><

[SoraNoHime]

essayez de changer ceci

<td align="justify" valign="top" rowspan="3">

par

<td align="justify" valign="top" rowspan="4">

[Atama Ga Okashii]

Wah parfait merci
Et pour les lignes ? vous seriez comment faire ?

Merci d'avance ^^

[SoraNoHime]

Oui ^^ je vérifie votre PA, comme je vous l'avez dit nous allons régler le reste par la css après.

mettez-y ceci :

Code:

.separe
{border : 1px solid #000000;}

C'est pour votre ligne, n'oubliez pas d'y mettre la couleur de votre choix, ici c'est noir.

Ensuite nous allons descendre vos titres en ajoutant ceci :

Code:

.patitre
{position : relative;
top : 10px;}

ajustez la dernière mesure a votre gout pour faire descendre le titre sur les lignes.

Cordialement.

[Atama Ga Okashii]

Tout semble parfait !
Merci beaucoup, pour moi c'est résolue !

Thank's !