Bonjour,
j'ai un petit probleme. Sur le navigateur opera, mon forum est "destructure":

https://2img.net/r/ihimizer/img85/8520/sanstitre1vt.png

Je n'avais pas vu ce probleme car je navigue sur Firefox, et ce probleme ne se voit ni sur google chrome ni sur Internet explorer. Le forum est "destructure" sur Opera, et je l'ignore pourquoi .__.
Voici mon forum:

http://rosebud.forumotion.com/

Si vous souhaitez le codage de mon index_box, dites le moi

Normalement, sur mon navigateur, le forum est structure de cette facon, sans probleme:
https://i.imgur.com/mhgsF.png

Merci de m'aider

Hello

Je veux bien jeter un oeil à ton template index_box.

Ummm- perso, je prefere montrer mon index_box a un codeur par MP, c'est pas pour etre mechante, mais j'ai ete plagiee plusieur fois, et j'y tiens a la perlette de mes yeux :3 et comme j'y ai travaille dur .____.

Donc je ferais plus confiance a un codeur :O
Parceque apres, tout le monde pourra voir mon code .__. et y a des plagieurs qui pourraient roder par la :/

Bonjour (:
Je ne peux pas m'empêcher de poster, désolée ^^
(Ce message est purement informatif )

Sache que CSSActif est un forum d'entraide, c'est à dire qu'on construit le savoir à plusieurs. Certes nous avons des codeurs attitrés mais il y a aussi des membres très gentils et très performants je dois dire (je parle ici de Doare, qui a aidé plus d'une personne dans la partie Aide, tu peux aller lire ses messages si tu veux ^^).

Je comprends ta crainte, mais sache qu'en utilisant les balises

Code:

[hide] [/hide]

, ton code ne sera vu que par les codeurs et ceux qui postent sur ce sujet précisément, tous les autres ne verront rien ^^

De plus, le forum a une politique très sévère envers le plagiat, je t'invite à relire le règlement si tu veux en être sûre. Je peux t'assurer que les codeurs ou les membres qui tentent de te rendre gentiment service ne vont pas te plagier, puisqu'ils connaissent les sanctions encourues.

Voilà, merci de ta compréhension
Si tu décides malgré tout de camper sur ta position, je n'ai rien à dire. Le client est roi

Psycho a tout dit, et les balises 'hide' sont justement là pour que tout le monde ne puisse pas lire. Maintenant c'est comme tu le sens.

Ah d'accord, dans ce cas, je poste mon code (desolee, je ne connaissais pas le hide >__<) :


petite parenthese, j'avais commande autrefois un QEEL, et un codeur me la realise, or une personne a plagiee le QEEL .___. C'etait tres clair car j'avais mis une taille de fond tres bizarre (genre 457*871) et c'etait exactement la meme taille. Donc, euh-voila, c'est pour cela que j'ai un tres mauvais souvenri et je n'ai aps envie qu'on me plagie >___<

Erf, ouais, c'est moche. :/ Ya des gens, comme ça...
Enfin, t'en fais pas, tu risques rien avec moi. ^^

Bon, à première vue, il y a pas mal d'erreurs. Je vais essayer de te corriger toussa au maximum, mais j'aurais besoin de ton CSS pour me caler sur l'aspect final que tu cherches. =)

Je te passe le CSS pour le QEEL:


Sinon, si tu souhaites tout le CSS de mon forum, dis le moi

Je devrais pouvoir me débrouiller avec ça, merci.
Je reviens vers toi plus tard dans la soirée !

Aucune probleme :3
Merci encore de m'aider

Yey. Fini. @_@

---

Il va être difficile de t'expliquer tous les changements opérés... Pour faire simple, il y avait pas mal de balises mal fermées, pas bien imbriquées... on voit qu'il y a eu de travail pour arriver à ce que tu voulais et ça a causé pas mal de mélanges peu opportuns. =)

J'en ai profité pour simplifier des structures où tu imbriquais plusieurs divs dans un TD. Lorsque j'ai pu le faire, j'ai déplacé les class dans le TD correspondant, tout en retirant des balises inutiles.

Par exemple :

Code:

<td>
  <div class="fondi">
    <div class="sizesquare">
      <div class="up">
        <center><span class="gensmall"> {catrow.forumrow.TOPICS} topics & {catrow.forumrow.POSTS} messages </span></center>
      </div>
      <div class="down">
        <span class="gensmall"><center>{catrow.forumrow.LAST_POST}
      </div></center><br />
    </div>
  </div>
</td>

On a un exemple d'un peu tout, là, en fait. x) Tu verras qu'à la ligne de "down", le SPAN n'est pas fermé, et la DIV est fermée avant CENTER. C'est un mini échantillon de ce qu'on pouvait retrouver dans le reste du template. =)

Bref. Hormis cette faute, le TD comporte deux DIV, "fondi" et "sizesquare" qui s'imbriquent entièrement. "fondi" est commun au TD précédent, "description", où la situation est similaire. Il est plus simple ici de déclarer les deux class dans le TD. Au passage, les balises CENTER sont inutiles car pour centrer le texte, on peut passer par le CSS à la place.

Ce qui donne :

Code:

<td class="fondi sizesquare">
  <div class="up">
    <span class="gensmall">{catrow.forumrow.TOPICS} topics & {catrow.forumrow.POSTS} messages</span>
  </div>
  <div class="down">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
  </div>
</td>

Code:

.sizesquare {
  width: 160px;
  height: 80px;
  padding-left: 10px;
  text-align:center;
}

Voilà, c'était juste pour donner une idée de ce qui n'allait pas, et ce que j'ai fait. ^^ Autrement, tout ce dont t'as besoin est au début du post en hide.

A priori ça devrait être bon. N'hésite pas à demander des précisions si besoin, ou à crier à l'aide si ça marche pas. XD

Oh c'est genial *-*
Ca m'est completement sorti de la tete si une div etait mal fermee xD
D'habitude, quand je ne vois pas d'erreur de structure, je pense que mon codage est bon xD

Sinon, je sais pas pourquoi :/ , mais regarde, j'ai teste sur mon forum test :

http://mysterious-lullaby.forumactif.com/

Eh ben tu sais les images no news, news, toutes ces images sont entourees d'un carre d'une autre couleur, or, je voudrais que tout soit uniforme >___<

merci encore de m'aider *-*

Yey, c'était quelque chose dont je n'étais pas très sûre. ^^

Cherche cette cellule, (fais une recherche "marginimg", c'est plus simple) :

Code:

            <!-- END inc -->
            <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
              <img class="marginimg" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </td>

Et retire du td :

Code:

class="{catrow.forumrow.INC_CLASS}"

=)

ALELUYA! Ca marche *Q*

Sinon je peux te demander un dernier tout petit truc *-* ?
Tu vois la barre au dessus des titres sous-forums? et bien j'aimerai qu'elle soit placée en dessous de l'image news et du truc des derniers messages, c'est a dire au lieu que ce soit uniquement en dessous la description du forum, je voudrai qu'elle soit en dessous de tout :O .

Je te réponds ce soir, là je me sauve !

Aucun probleme, ca ne presse pas :3

EDIT: Ah ba non, il manque quelque chose .__.

Tu vois sur mon forum, il y a comme un leger contour autour du forum:
http://rosebud.forumotion.com/

Or, on ne le voit pas sur ton codage >____<

Le bon point, c'est que je sais ce que j'ai loupé. ><

1/ Contour des forums

---

En réalité, c'est que le fond de la table est identique à la couleur de la bordure. Il manque la class qui donne le changement de couleur aux rangées. Ouais, je peux pas tout choper du premier coup. @_@

Bref, cherche :

Code:

  <!-- BEGIN forumrow -->
  <tr>
    <td>

Et remplace par :

Code:

  <!-- BEGIN forumrow -->
  <tr>
    <td class="row1" width="100%">

2/ Ligne

---

Cherche :

Code:

        </table>
      </div>
    </td>
  </tr>
  <!-- END forumrow -->

Juste après :

Code:

</table>

Ajoute :

Code:

<div class="fincategorie"></div>

Styles CSS modifiés :

Code:

.linkcategorie, .fincategorie {
    border-bottom: 1px solid #BEBEBE;
    margin:0 10px; /* haut-bas gauche-droite */
}
.fincategorie {
    margin-bottom: 10px; /* facultatif, met un peu d'espace entre la ligne et le contour :) */
}
/* A SUPPR
.sousforum {
    border-top: 1px solid #BEBEBE;
    margin-top: 1px;
}
.linkcategorie {
    border-bottom: 1px solid #BEBEBE;
    margin-left: 10px;
    margin-right: 10px;
}
*/

Hihihi /SBAM/
Ca donne en dessous des sous-forums alors que je cherche a ce que ca aille au dessus des sous forum >___<
http://mysterious-lullaby.forumactif.com/

Je sais pas ou j'ai eu faux X____X

C'est moi qui avais mal compris. ^^'

Du coup, oublie ce que j'ai dit au-dessus pour la ligne. (Supprime la div "fincategorie", enlève le CSS que j'avais proposé et remets les règles que je t'avais dit de supprimer...)

Reviens donc à :

Code:

        </table>
      </div>
    </td>
  </tr>
  <!-- END forumrow -->

Cette fois, avant

Code:

</table>

Ajoute :

Code:

          <tr>
            <td colspan="3">
              <div class="sousforum">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </div>
            </td>
          </tr>

=> on déplace les sous-forums une ligne en dessous de tout le reste.

On va donc supprimer les sous-forums de la cellule de la description :
Un peu plus haut, cherche :

Code:

            <td class="fondi description">
              <div class="sizedescription"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
              <div class="sousforum">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
              </div>
            </td>

Supprime toute la div "sousforum".

Pis les règles CSS modifiées :

Code:

.sousforum {
    border-top: 1px solid #BEBEBE;
    margin: 0 10px 3px; /* haut gauche-droite bas */
    line-height: 0.9em;
}

Si tu veux que les sous-forums ne soient pas complètement alignés à droite, tu peux ajouter un padding-left.

J'espère que c'est tout bon cette fois >_<

C'est ... c'est PARFAIT *______*
Merci encore Doare, je t'ajouterai dans le credits de mon forum ^____^

Je vois que la question est réglée !

Merci à vous deux. Je classe.