Mise en page de ma PA

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

Résolu Mise en page de ma PA

Message par Atama Ga Okashii le Ven 17 Juin 2011 - 1:15

Bonsoir, ou bonjour tout dépend de vous Wink

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 Smile

Merci d'avance !


Dernière édition par Atama Ga Okashii le Ven 24 Juin 2011 - 16:47, édité 1 fois

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par SoraNoHime le Ven 17 Juin 2011 - 1:34

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par Atama Ga Okashii le Sam 18 Juin 2011 - 19:29

Merci de ta réponse Smile

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.

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par SoraNoHime le Sam 18 Juin 2011 - 19:52

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par Atama Ga Okashii le Ven 24 Juin 2011 - 0:13

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

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par SoraNoHime le Ven 24 Juin 2011 - 0:15

essayez de changer ceci

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

par

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

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par Atama Ga Okashii le Ven 24 Juin 2011 - 14:33

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

Merci d'avance ^^

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par SoraNoHime le Ven 24 Juin 2011 - 14:40

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.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en page de ma PA

Message par Atama Ga Okashii le Ven 24 Juin 2011 - 16:46

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

Thank's !

Atama Ga Okashii
Nouveau membre

Messages : 28
Inscrit(e) le : 22/02/2010

http://upon-the-shores.forums-actifs.com
Atama Ga Okashii 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