|
|
 Mia0712 
{ Membre }
 Messages : 119
 | Bonjour ! J'ai créée ma PA sur un forum test tout fonctionne, et quand je mets le code PA sur le forum originel et bien la deuxième partie de ma PA est tout déstructurée. Manquerait-il un template ? C'est la partie à partir de - Code:
-
<div class="Onglets"> Code PA : - Spoiler:
Image de la page => - Spoiler:
Image de la page telle qu'elle devrait être => - Spoiler:
|
Dernière édition par Mia0712 le Ven 04 Jan 2013, 16:39, édité 1 fois | |
|
 | |
Espeon 
Administrateur
 Messages : 1819
| Bonjour Mia ! Aie aie aie... Tu viens de m'illustrer très exactement ce qui arrive lorsqu'on accumule erreurs et mauvaises pratiques de code à gogo : le tout est illisible, pas maintenable et c'est à se tirer les cheveux si on veut comprendre d'où vient l'erreur tellement il y a de problèmes dans le code  De là je vois : - Code non indenté, donc très difficile à lire
- Utilisation de balises obsolètes telles que
<center>
- Enchevêtrement extrême de CSS, JS et HTML un peu partout dans le code, à droite à gauche
- Mélange de tableaux et de blocsqui n'en finit plus
- Noms de classe incompréhensibles tels que
.imginfol, ou portant à confusion tels que .Onglets et .onglet
- Code non valide (copié-collé sans plus modification) avec tous les
Xpx; qui trainent dans ton CSS
- Balise
<title> qui n'est pas valide en dehors du <head>
- Je soupçonne également des problèmes de fermeture de balises également
Du coup tu te retrouve avec un code de 893 lignes (une fois proprement indenté, cf. ci-dessous) qui comporte énormément d'erreurs enchevêtrées qui peuvent toutes contribuer au fait que tu n'obtienne pas le résultat désiré. Je ne peux même pas te mettre le code proprement indenté dans mon message car la longueur de mon post dépasserai alors la limite autorisée... c'est dire à quel point ton code est énorme ! Par curiosité donc, de quels tutoriels t'es-tu servie afin de parvenir à ce résultat ?Vu le rendu que tu souhaites obtenir, je pense qu'il y a possibilité de simplifier extrêmement le code tout en le corrigeant (je dirais qu'on pourrait facilement le réduire par 3)  Le problème que tu peux avoir aussi, c'est que ton code entre en conflit avec du code déjà présent sur ton vrai forum et qui ne l'est pas sur ton forum de test (de précédentes modifications ou personnalisations, non prises en compte pendant les tests, qui font que ça marche d'un côté et pas de l'autre). Mon avis, c'est qu'il faudrait repartir " from scratch" pour faire proprement ta PA. Le risque de ne pas le faire, c'est que, même si on parvient à résoudre ton problème, ta PA peut à nouveau sauter demain quand tu essaiera de personnaliser un autre élément du forum, parce-qu'il y aura des conflits et que ton code actuel est trop complexe pour comprendre facilement qu'est-ce-qui fait quoi (autrement dit, dur dur de le mettre à jour)...  | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Mon problème est que sur le forum je suis la seule qui puisse à peu près me débrouiller à ce niveau et encire je suis pas très douée vu tout ce que tu me dis... /:
Pour les tutoriels je me suis servie à droite, à gauche et en demandant à des amis.
Je dois donc tout recommencer, carrément supprimer la PA ? Je suis perdue et je me sens sincèrement incapable de faire fonctionner correctement... Je peux tenter de suivre tes indications mais je risque de tout ficher en l'air. Haa je me déçois u.u | | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Bah, c'est en forgeant qu'on devient forgeron, on fait tous des erreurs, le tout c'est de savoir réagir quand on les remarques afin de s'améliorer  Là c'est effectivement l'occasion. On pourrait essayer de rafistoler "à l'arrache" ta PA pour que cela fonctionne si tu es très pressée, mais ce serait une mauvaise chose sur le long terme. L'autre solution, plus appropriée selon moi (mais qui, forcément, prendra plus de temps) serait effectivement de refaire comme il faut ta PA depuis le début. Au final c'est une disposition assez classique. J'imagine que tu es sous PHPBB2 donc tu peux effectivement te permettre de mettre en page ta PA avec un tableau. Ca avait bien débuté mais sont venus se mettre au milieu tous les problèmes que je t'ai listé auparavant. Ce que je te conseille donc, pour le moment, c'est de faire le schéma de la structure de ta PA, et de construire la base (solide) de ton tableau ainsi. Pour cela, je te conseille de t'aider avec ce tutoriel. Il est très clair et t'explique de A à Z comment faire pour construire correctement ton tableau. Ensuite tu pourra y placer ton contenu (tes images & co. dans chacune des cellules). Ensuite viendra le temps de rajouter du style, il faudra passer par la feuille de style CSS (ainsi que des classes) pour cela. Pas de style="..." dans ton HTML ! Enfin, tu aura peut-être besoin de JS. Là également, il faut passer par la feuille de script, pas le mettre dans ton HTML. Enfin, commence déjà par construire ta structure de PA (en tableau donc) avec le tutoriel que je t'ai indiqué et montre moi ce que ça te donne histoire que je corrige ce qui ne va pas petit à petit. Ainsi, nous pourrons construire ta PA comme il se doit | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Très bien (:
Sache que je m'y mets dès ce soir donc si je ne te réponds rapidement ne pense surtout pas que j'ai lâché le topic ! | | |
|
| | |
Psycho 
Psychopathe
Messages : 3407
| Hello ! Je viens aux nouvelles : ton problème est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension  | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Voilà mes schémas : Page 1 : - Spoiler:
Page 2 : - Spoiler:
Page 3: - Spoiler:
Il me reste à faire ma base | | |
|
| | |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Ton problème est-il toujours d'actualité ? Merci de nous tenir informés dans les quatre prochains jours, sans quoi ce sujet sera archivé. Merci de ta compréhension. | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Oui oui mon problème est toujours d'actualité.
| | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Bonjour Mia ! - Mia0712 a écrit:
- Il me reste à faire ma base
Du coup, où en es-tu au niveau de la structure ? Les schémas sont bien, mais je ne peux pas t'aider sur le code tant que tu n'as pas un premier jet ou des questions ^_^ | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Pour la structure j'ai commencé, c'est bien le "squelette" de la PA que tu me demandes c'est ça ? (: | | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Oui oui bien sûr. On procède tranquillement par étapes pour être sûr d'avoir un code propre à la fin. D'abord tu as éclairci les idées avec un schéma de ce que tu souhaites obtenir (c'est une bonne chose), ensuite il s'agit de faire la structure HTML de ta PA (pas de design, juste les blocs de base qu'on va travailler en CSS). J'attends donc ta version pour te proposer des corrections si besoin afin qu'on puisse s'attaquer à la mise en forme. A la fin tu devrais avoir une page bien organisée (et que tu saura mettre à jour du coup) | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| D'accord (:
J'avais commencé mais j'ai dpu réviser pour un Bac blanc, mais là c'est bon je suis d'attaque. Je continue dès ce soir ! | | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Pas de soucis, les révisions avant tout. J'attends donc tes avancées sur le code pour te faire un retour | | |
|
| | |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Je crois savoir que tu travailles dessus, mais je préfère m'en assurer. Peux-tu me confirmer que ton sujet est toujours d'actualité ? Si c'est le cas, merci de nous prévenir sous quatre jours.  Merci de ta compréhension. | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Exactement je travaille dessus, seulement je préviens que j'aurai du mal à l'envoyer cette semaine, j'ai un Bac Blanc de SVT D:
Je le donnerai le week end prochain ! | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Code pour les trois pages ( d'une page à l'autre le code est identique) J'espère que je ne me suis pas trompée /: - Code:
-
<table>
<tr> <!-- PREMIERE LIGNE -->
<td></td>
<td></td>
<td></td>
</tr>
<tr> <!-- DEUXIEME LIGNE -->
<td colspan="3"></td>
<!-- ON ABSORBE CETTE CELLULE -->
<!-- ON ABSORBE CETTE CELLULE -->
</tr>
</table> | | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Oui et bien ce code standard est propre donc tu peux poursuivre avec cette base (car visiblement je pense qu'il y a encore du HTML à produire pour réaliser la structure finale que tu souhaites). Pour le moment tu as 3 cellules supérieures et une cellule inférieure qui composent ton tableau à 2 lignes | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Oui mais je ne vois pas ce que je pourrais faire de plus /:
Je me rends compte que la PA est vraiment très simpliste, mes trois onglets du haut servent à changer de pages et le tableau à l'interieur je dois rajouter juste des onglets menant à des pages du forum + une boite coulissante verticalement pour y placer du texte. Je vais chercher dans des tuto voir si on m'explique ça
(et merci de m'aider ! ) | | |
|
| | |
Psycho
Psychopathe
Messages : 3407
| Hello ! Je viens aux nouvelles : le sujet est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Oui oui, j'attends juste une réponse pour l'instant (:
Donc : le sujet est toujours d'actualité. | | |
|
| | |
'Christa 
Lostmindy
Messages : 2856
| Bonjour, - Espeon a écrit:
Ensuite tu pourra y placer ton contenu (tes images & co. dans chacune des cellules).
Ensuite viendra le temps de rajouter du style, il faudra passer par la feuille de style CSS (ainsi que des classes) pour cela. Pas de style="..." dans ton HTML !
Enfin, tu aura peut-être besoin de JS. Là également, il faut passer par la feuille de script, pas le mettre dans ton HTML. Je pense que l'objectif d'Espeon est toujours de te voir construire ton message d'accueil pas à pas Maintenant que tu as une structure fiable, c'est le moment de travailler sur le style et le remplissage. | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| Oui mais... Je comprends pas ce qu'on cherche à me dire par : " Tu dois mettre du style mais dans le HTML " ? /:
Est-ce normal que lorsque je place le code brut (ce que j'ai fais tout à l'heure) aucun tableau n'apparaisse sur ma PA ? | | |
|
| | |
Espeon
Administrateur
Messages : 1819
| Bonjour Mia En fait, effectivement, j'attendais que tu poursuive petit à petit vu qu'il n'y a pas de problème pour le moment (donc tu es sur la bonne voie). Au niveau du style, il convient de le placer dans la feuille de style CSS de ton forum et non pas polluer ton HTML avec des attributs style="...". Est-ce plus clair à présent ? As-tu des questions précises sur lesquelles tu bloque ? Sinon j'attends donc de voir la suite. | | |
|
| | |
Mia0712
{ Membre }
Messages : 119
| J'ai compris concernant la feuille de CSS / HTML Cependant, ne serait-ce pas dans la partie Structure de la PA que je devrais mettre mes codes images & co ? :O | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
