Bonjour à toutes et à tous !

Je faisais quelques tests sur mon petit forum, pour avoir une nouvelle mise en page. Sauf que tout, mais tout, bug. Je n'arrive absolument pas au résultat escompté.  

Résultat voulu - Résultat obtenu.

Voici mon template et mon CSS.

Index_box :

Mon CSS :

Si je pouvais trouver le problème pour le résoudre ce serait génial parce que je suis à deux doigts de tuer mon ordinateur XD


Merci d'avance à tous ceux qui m'apporteront leur aide

Un message pour pouvoir voir les codes et apporter mon aide si possible ^^

Idem, je poste pour avoir accès aux codes. Est ce que tu pourrais aussi fournir le lien de ton forum éventuellement s'il te plait ^^ ? (c'est juste que je suis une feignasse et qu'en général j'ai la flemme d'essayer le code /BAM/, et qu'en plus en général c'est jamais exactement la même que sur le forum d'origine)

1. Décalage entre le titre et le reste.
Dans ton code tu as un "height: 230px;" qui fait que la suite est forcément 230px en dessous... Pas pratique effectivement . Il vaut mieux l'enlever. Voici où il est

Code:

.correctiondesc {
width: 350px;
height: 230px;
border: 1px solid transparent;
margin-left: -120px;
}

2. Placement de la description.
Tu as fait une div qui contient en background l'image des descriptions. Il faut maintenant placer ce texte à l'intérieur. Pour cela, tu vas cible ce texte, il est automatiquement sans une span avec la class "genmed".

Code:

div.catedescfond  span.genmed {
    position: absolute;
    left: 200px;
    top: 25px;
}

(Je rappelle que cela va bien se placer par rapport au contenant (div.catedesfond) car ce bloc est lui même en position: relative; )


Dis moi si cela a marché ou pas ^^'

J'essaye de suite !

EDIT : Voici le site http://darkness.bbactif.com/
Et le texte reste obstinément en dehors de mon image >< Résolu ! ENFIN !

Ensuite, une petite question ? Comment je fais pour mettre les liens de mes sous-forums dans le rond de l'image de la description ? (Avec une image en hover ?)

Et mes titres de forum, je fais comment pour les mettre juste sur le haut de l'image ?

  


Merci d'avance !

Tu as changé ton template, non ? Si oui est ce que tu peux me le redonner ?
Car j'ai l'impression que y a un ptit bug qui est apparu...
En effet quand on regarde le code source de ton forum, on peut voir que toute ta partie avec la "mise en page" est maintenant dans une seule div : celle avec la class "correctiondesc"
Or quand je regarde le template que tu avais mis, il y a bien d'abord la div "correctiondesc", et ensuite la div "catedescfond".

Pour les sous forum, tu pourrais en rajouter sur le forum test s'il te plait ?

Alors le template :



Et j'ai mis l'affichage des liens sur le forum mais on peut pas cliquer dessus.... --'

Effectivement c'est bien ce que je pensais. Y a une raison pour laquelle tu as mis tout dans une seule div ?
Maintenant (tout dans une seule div)

Code:

<div class="correctiondesc"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    <div class="catedescfond"><div class="descriptioncate"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></div></span></div>

Avant (2 div)

Code:

<h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="correctiondesc"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                                  </span></div>
        </h{catrow.forumrow.LEVEL}>
                  <div class="catedescfond"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

Je demande, car en fonction de ta réponse, le code css n'est pas le même pour placer bien tes titres.


Pour les liens des sous forum, avec la couleur je les voyais pas xD. Si on ne peut pas les cliquer, c'est car ils sont en dehors de la div "correctiondesc". Cette div a un "z-index:27" qui fait qu'elle est "au dessus" des liens, comme sur un calque, donc quand on survole ces liens, et qu'on clique, on clique en fait sur la div

Comment faire pour régler cela ?
Il faut mettre les liens des sous forum à l'intérieur de la div où il y a ton image de fond. Ensuite, tu positionnes les liens au bon endroit en utilisant la propriété css position : absolute (n'hésite pas à faire une recherche Google)

Hum non, je pense que c'était pour que ça marche, mais au final c'est toujours autant le bazar ><
En fait, y a une div qui fait toute la description et l'autre j'aurai voulu qu'elle s'occupe seulement du texte de la description mais quand je la  mettais directement dans la description ça aggravais les choses.

Pour les liens, oui j'ai vu (surtout après que tu me l'ai dit XD) et maintenant ça fonctionne, une fois que l'image n'est plus là en fait.
Je fais de suite ce que tu me conseilles et je regarde ce que ça donne.

Merci  

EDIT : Problème résolu pour les liens !
Mais niveau apparence c'est toujours pas ça x)

Alors en fait, ce qui est bizarre c'est que dans ton template, tu ai par exemple des div (balise de type bloc) à l'intérieur de span (balise de type en ligne), c'est pas super super.

Là je suis sur ton forum, j'ai l'impression le template a encore changé... XDDDD

Enfin bon, vu comment il est actuellement quand je regarde, tu peux supprimer dans ton css tout ce qui correspond à :

Code:

.correctiondesc {
width: 350px;
height: 230px;
border: 1px solid transparent;
margin-left: -120px;
}

Tes titres devraient se mettre mieux

J'ai ajouté un trait sous le titre du forum et essayé de rebouger les choses mais ça n'arrange rien XD

Pour ce qui est de cette div, elle gère la mise en place du texte de la description donc au final je viendrais à la remettre. Je l'enlève quand même pour qu'on voit ce que ça donne.

EDIT : Fait !

Je parlais d'enlever juste dans le CSS, mais tu peux enlever la div si tu veux dans le HTML oui xD

Le titre est mieux placé, non ?

Alors c'est mieux   mais pas encore ça.  

En fait, j'aurais voulu le placer sur le haut de l'image, sur la ligne, de manière centrée, avec le trait juste en dessous, pour faire une jolie limite avec le texte de la catégorie, en-dessous. Mais ça donne un résultat tout moche x)

T'es en train de toucher à ton forum, donc j'espère que d'ici là tu auras pas encore touché, sinon mon code va pas marcher.
Dans le template, au niveau du titre de forum, tu as mis une balise br --> enlève là
Dans ton css, pour .bordcate tu as mis un margin-top ---> enlève cette ligne là

Ah oui pas bête ! J'ai fait la moitié en fait :3 J'avais juste supprimer la ligne et ça rend mieux. J'ai le résultat voulu ! Marchi

Par contre, comment je fais pour mettre les liens des sous-forums dans le rond de l'image de la description ?

Alors en décomposant en étapes :
1 . Mette les liens des sous forum dans une div, et non pas une span
2 . Déplacer cette div dans le html pour qu'elle sois dans la div ayant pour background ton image (en effet celle ci possède la propriété css position : relative).
3 . Utiliser position : absolute pour placer au bon endroit.

D'accord. Je tente et je reviens vers toi. Merci  

Alors, j'ai fait ce que tu m'as dit, sauf le problème c'est que les liens ne sont pas pile poile où je voudrais qu'ils soient. Je me suis dit que j'allais utiliser des marges, sauf que ça ne modifie que les liens d'une catégorie.

Tu as une idée pour mettre ces liens pile poile dans le cercle ? Parce qu'après j'aimerais mettre une image en hover dessus, qui dissimulera les liens sauf au passage de la souris ^^

Quand je dis d'utiliser position : absolute, c'est surtout pour ensuite pouvoir placer avec top, et left.
Exemple :

Code:

top: 25px;
left: 25px;

Là j'ai mis des valeurs au hasard. Pense à faire une recherche sur le positionnement en CSS pour pouvoir bien comprendre ce que tu fais ^^

C'est pas bête du tout !
J'avais pensé à utiliser le positionnement dans le html aussi, dans la div même des liens, mais le CSS c'est quand même plus simple ^^


Merci beaucoup pour ton aide !

Problème résolu

J'ai parlé trop vite XD

J'ai mis une div pour modifier le titre de ma catégorie mais je n'arrive pas à appliquer les modifications et pourtant j'ai mis un CSS avec.

Voici le template :



Et le CSS en question :

Dans ton template il y a bien "catehauttexte", mais il n'apparait pas dans ton forum (as tu bien validé le template ?). Je pense que cela peut venir du réglage dans : PA > Affichage > Général > Structure et hiérarchie. Qu'est ce que tu as coché ?

Oui il est bien validé.
J'ai coché "séparer les catégories sur l'index/moyen"

Hum, dans ce cas, il me semble que la partie à modifier se trouve autre part dans le template :

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="catehaut"></div><div style="margin-top: -10px;"><table class="forumline">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th
  </tr>
  <!-- END tablehead -->

Il y a d'ailleurs un petit problème, à l'avant avant dernière ligne, ta balise th n'est pas bien fermée
Le titre se trouve entre les balise th je pense ^^

Oki d'acc, je vais aller jeter un coup d'oeil alors, merci  

EDIT : Merci beaucoup c'était exactement ça   

Ravie d'avoir pu t'aider, n'hésite pas à éditer le titre de ton forum pour préciser [résolu] ^^
Dans l'éventualité où un jour un modo passe par ici pour trier les sujets xD (même si j'ai de gros doutes XD)

Ok pas de soucis ^^ J'y vais de ce pas