Hello avant tout

J'ai plusieurs problèmes qui m'empêchent de résoudre quelques petits détails :

1) J'ai utilisé le tuto "bannière aléatoire" qui n'apparaît pas sur le forum. Le tuto a été correctement effectué mais quelque chose m'empêche de le voir.

2) Si je tente de modifier les "catégories", rien ne se passe. Comme si quelque chose rendait invisible le codage (peut-être quelque chose que j'ai touché dans les templates ? CSS ?

3) Si on regarde le footer, celui-ci n'apparaît pas sur le bas (il a quelques pixels de marge vers le haut). Pareil sur le Qui est en ligne (le texte dépasse la bande si on a l'oeil). D'ailleurs, pareil sur la PA (sur le fond de celle-ci, on peut voir un petit vide).

4) Les catégories sont buggés. On ne peut pas cliquer dessus pour accéder aux sous-catégories. Je suis obligé de cliquer sur "dernier message" pour pouvoir y entrer (le message de base du forum en l’occurrence).

Je suis conscient que ça fait pas mal de choses. Mais je pense que pour ce qui est du visuel des javascripts (par exemple, la bannière qui ne marche pas) ou encore les sous-catégories que je ne peux pas modifier (via code donc) doivent être liées.

Je sais pas si j'ai été clair dans ma démarche. J'peux fournir tous les templates/CSS mis jusqu'à maintenant si besoin est. Et je remercie d'avance le/la personne qui aura l'temps et l'envie de m'aider dans ma tâche.

Have Fun

Le forum :

Spoiler:

Salut,

Alors on va voir ça ^^

1) Après une petite recherche, tu aurais pu voir que le problème a déjà été traité. (si j'ai bien compris tes indications)
http://www.css-actif.com/t14710-header-aleatoire-qui-refuse-de-fonctionner

2) Peut tu me fournir le template modifié ? En quoi "rien ne se passe ?"

3) Sur ton forum, j'ai vu souvent des top négatifs pour positionner... Ca peut être une explication
Par exemple, celui ci est l'explication pour la PA, et le QEEL :

Code:

.gensmall {
    left: 0;
    position: relative;
    top: -13px;
}

Pour le footer, tu as déplacé la table bodylinewidth de 20px vers le haut dans ton CSS, donc forcément bah le footer touche plus le bas :/ ...

Note : le body a par défaut 8px de padding, il faut penser à mettre

Code:

body {
    margin: 0px;
}

4) Ne serait ce pas un problème qui découle du 2) ? Une de tes modifications qui créerait le bug ?

Merci d'avoir pris la peine de me répondre.

Pour les px en négatifs, c'est parce que je veux que le header touche le haut du forum. pareil pour le widget, il ne s'aligne pas comme désiré si je n'utilises pas de nombres en "-". Sauf si il existe d'autres solutions. Du coup, ça décale un peu tout mais j'pensais que je pourrai faire toucher le header sur le haut de la page et conserver le footer intact (pareil pour les catégories).

Pour les templates catégories, j'en avais essayé un au pif, pour voir si ça marchait. J'voulais juste voir ce que ça donnait. C'est comme ça que j'ai vu que ça foirait. Y'a-t-il un moyen de faire toucher le header sur le haut de la page sans que ça n'affecte le reste ?

Pour la Bannière Aléatoire, merci ! J'avais essayé plusieurs tuto's et autres recherches, sans résultat. C'est en ordre pour ça

Ps: tu veux quels templates ? J'ai modifié Index Box, Index Body, Overall Header et Overall footer end.

Naywayz a écrit:

Pour les px en négatifs, c'est parce que je veux que le header touche le haut du forum. pareil pour le widget, il ne s'aligne pas comme désiré si je n'utilises pas de nombres en "-".

Pas la peine de mettre en négatif pour qu'il touche le haut, le problème vient de la cellule avec la class "bodyline". En effet, celle ci par défaut possède un padding

Code:

.bodyline {
    padding: 0;
}

Sinon, je te conseille vivement d'enlever le code pour la class "gensmall", en effet .gensmall est présent un peu partout dans le forum, ça va te créer pleins de décalages ^^

Code:

.gensmall {
    position: relative;
    top: -13px;
}

Pour le bug de tes catégories (On ne peut pas cliquer dessus pour accéder aux sous-catégories), cela vient du fait que tu aies touchés le template index box.

Je te conseille vivement l'utilisation d'un inspecteur d'élément tel que Firebug ou encore celui par défaut sur Chrome, ils t'aideront beaucoup pour le css (comme ça tu aurais pu voir que le body avait des margin, que td.bodyline avait un padding, cela t'aurais évité de devoir mettre un top en négatif)

J'ai tenté 2-3 trucs. Maintenant (va savoir pourquoi), la PA ne colle plus au Header (y'a un bloc brun qui apparaît entre les deux). Pour le footer, toujours impossible de le mettre en bas (j'suis obligé de faire monter le haut pour qu'il touche tout en haut (c'est voulu). J'voudrais que ça touche le haut et le bas.

A partir du moment où tu utilises un position relative et un top négatif pour monter en haut, ça fait forcément déconner en bas.

Pour que le header touche le haut, tu enlèves ton top négatif, et tu élimines ce qui empêche que ça touche en haut :

Code:

body {
    margin: 0px;
}

Body avec un margin:

Code:

.bodyline {
    padding-top: 0;
}

.bodyline avec un padding:

Et ensuite tu n'as plus besoin de monter vers le haut avec du négatif... Ca marche parfaitement.

Résolu. Merci

Ok ^^, pense à éditer ton titre pour mettre "résolu" ^^