Tailles en hauteur de chaque forum

[Elean]

Bonjour à tous ^^

Toujours la série "problèmes avec IE", voilà un aperçu de la taille de 2 de mes forums sous Firefox et ensuite sous IE.
Sous IE la taille en hauteur est vraiment grande et inutile.
Dans la description des forums j'ai mis un "br" pour que cela soit plus lisible ce qui me parait acceptable visuellement sur firefox, mais pas sous IE.

Sous Firefox

Spoiler:

Sous IE

Spoiler:

J'ai fait ces imprim images à la même taille d'écran sur le même ordinateur et au même pourcentage visuel.
SVP y-a-t-il également un code pour réduire cet espace chez IE sans toucher au "br" ? Je crois que même si je l'enlève, cela ne changera pas le fait que l'espace est plus grand sous IE.

Ce n'est pas mon forum test, voici mon lien pour le voir en réel http://aeria.wowjdr.net/index.htm
Je vous en remercie à l'avance.
Cordialement

[Anzu]

Bonsoir,

C'est IE, faut pas chercher
D'autres ont le même problème et il n'y a apparemment pas de solution pour y remédier.

Cordialement.

[Irina]

Bonjour,

Non là je ne pense pas que le problème vienne d'IE, mais bien de votre codes, si on regarde votre code source c'est un peu la fouilli.
Vous rajoutez des spans, pour mettre le style sur vos liens de forums, ce n'est pas nécessaires et ça alourdi plus qu'autre chose.

Il y a aussi des <br>, qui provoquent des sauts de lignes. forcément ça agrandi l'espace.
Il y a aussi un "<center></center>" qui traine par là.

Enfin, beaucoup de fautes, qui font de l'espace, même si firefox l'interpréte mieux que IE, le problème vient de votre code.


Cordialement,

[Elean]

Ah ok merci beaucoup pour ces précisions

Donc Irina, pouvez-vous me conseiller ce que je dois mettre à la place du "span" pour l'habillage des liens ?
je vais aller voir pour le center dont vous parlez mais le "br" à la fin de chaque description était volontaire pour le visuel mais je peux les enlever.
Je vais donc essayer et je vous tiens au courant.

Merci en tout cas de vous être penché sur mon problème
cordialement

[Irina]

Et bien au lieu de mettre un span, avec une classe qui ajoute des choses :

utilisez ce css :

a.forumlink {
vos parametres ici
}

Aussi, il faut éviter les <b></b> tout seul qui se balladent comme ça, il vaut mieux utiliser les classes disponibles en css pour mettre font-wieght :bold
via la feuille de style.

Pour les <br>, un seul suffit dans ce cas là

[Elean]

Ah merci beaucoup Irina c'est bien gentil à vous de m'avoir conseillé.
En fait voyez-vous c'est gràce à vous tous ici que j'ai commencé à apprendre et comprendre certains codes et je me suis beaucoup débrouillé tout seul en lisant tout ce que je pouvais lire dans les demandes, pour apprendre seul et comprendre plus en allant dans les sites spécialisés pour apprendre le css et html.
Mais bien-sûr j'ai encore des lacunes et là je vous remercie de m'avoir éclairé sur ce sujet.

Donc je vais de ce pas faire ce que vous me conseillez, je reviendrai vous tenir au courant si vous voulez bien.
Merci chaleureusement à vous
Elean

[Elean]

Re bonsoir

Et bien voilà je viens de faire toutes les modifs nécessaires afin d'alléger mes codes.

Mais j'ai honte Irina !!!!!!!! en effet sur mon forum test où je fais plein d'essais j'avais bien indiqué dans le css la classe ".forumlink" pour personnaliser mes titres de forum et là dans mon vrai forum dont je ne m'occupais pas trop au niveau des codes je n'avais pas pensé de changer tout cela, !!! halalala c'est pas croyable d'être aussi étourdi que cela !!!

Voilà un exemple de ce que j'ai changé aussi dans la description de 2 forums spécifiques qui auparavant étaient pleins de "span" pour chaque personnalisation de sous-forums et cela fonctionne très bien :

Code:

<a class="postlink" style="font-weight: bold;" href="http://aeria.wowjdr.net/reglement-f29/la-charte-aeria-t5.htm">Notre Charte -</a>
<a class="postlink" style="font-weight: bold;" href="http://aeria.wowjdr.net/reglement-f29/la-charte-aeria-t5.htm">Lu et approuvé -</a>

Pour les descriptions j'ai tout remis à propre aussi et enlevé les "br" mais cela fait toujours un espace plus grand chez IE mais enfin !!

Après avoir fait plein de ménage, je voulais essayer le code ".gensmall" pour les sous-forums et cela marchait bien mais la personnalisation apportée aux sous-forums s'est reportée sur les noms des membres dans la colonne : "derniers messages". Donc j'ai enlevé cette classe pour l'instant.
Alors s'il vous plait y-a-t-il une autre dénomination pour les sous-forums sans que cela influence les noms des membres dans cette colonne ?

merci encore pour votre aide précieuse
Cordialement

[Irina]

Re

Alors deux choses :
on commence par le premier :

Code:

<a class="postlink" style="font-weight: bold;" href="http://aeria.wowjdr.net/reglement-f29/la-charte-aeria-t5.htm">Notre Charte -</a>
<a class="postlink" style="font-weight: bold;" href="http://aeria.wowjdr.net/reglement-f29/la-charte-aeria-t5.htm">Lu et approuvé -</a>

Déjà là super, c'est beaucoup plus propre, simple et clair.

Mais vous utilisez une class + vous incorporez du style directement, tout dépend pourquoi, mais vous pouvez encore simplifier encore plus.

Parce là, en utilisant postlink : vous mettez sur vos liens tous les paramètres qu'il y a dans les postlink + gras.
Si c'est exactement ça que vous voulez alors c'est ok.

Mais si vous voudriez que tous vos posts link soient en gras, alors
passez carrément par la feuille de style et ajoutez :

Code:

.postlink {
font-weight:bold;
}

ça vous fait gagnez des caractères et de la propreté.

Autre solution : si en fait vous vouliez juste un lien en gras, alors à ce moment là n'utilisez pas postlink, mettez votre propre class, par exemple

<a class="lienforumindex" href="....blabla

et dans le css

.lienforumindex {
font-weight:bold;
}


Lorsqu'il s'agit de css, imaginez qu'il s'agit un peu de math et de logique. Comme les équations qu'on essaye au maxmimum de simplifier !
Les règles sont simples : si il y a déjà une class sur l'élément que je veux stylisé : alors je l'utilise en priorité pour faire ce que je souhaite, sauf si je ne peux pas.
Lorsque je créer mon propre html, enfin mes propres éléments, là où il n'y a pas de class : alors je mets les miennes propres, car en utilisant des class prisent ailleurs : des paramètres que je n'aurais pas choisis risque de s'appliquer, et les paramètres que je voudrais ajouter à la class vont s'appliquer aux autres éléments.

_________________________

Deuxième chose : concernant votre question : Pourriez vous ouvrir votre forum (hier il était en vacance il me semble qd je suis venue le soir) et me montrer précisément ce que vous entendez par "sous-forum" afin que je regarde ça de plus près ?


Cordialement,

[Elean]

Bonjour Irina

Wouah trop top !! merci mille fois pour vos explications
Je vais bien étudier tout ce que vous venez de me dire pour bien comprendre.

Et mon forum est réouvert car effectivement pour ne pas embêter les membres je l'avais mis en vacances pendant mes bidouilles.

Voilà, donc j'ai bien réussi à personnaliser les postlink, voici comment j'ai fait :

Code:

<a href="http://aeria.wowjdr.net/avant-propos-f1/qui-sommes-nous-t42.htm"><span class="postlink">Qui sommes-nous ?</span></a>

J'ai supprimé une autre classe que j'avais créée et qui ne sert plus à rien puisque j'ai regroupé.

Par contre pour les sous-forums en liens qui se trouvent normalement dans le forum concerné, j'ai dû mettre la classe "postlink" dans le nom de chaque sous-forum pour que cela s'active. Mais peut-être faut-il passer par le template pour les faire en une seule fois et éviter de les faire un par un dans le PA.
Par contre je ne connais pas le nom de class des sous-forums dans le template pour les changer et si c'est possible j'aimerais le faire mais sans faire de bêtise en sachant quel est le nom qui gère les sous-forums.

En tout cas vraiment merci car j'ai fait plein de modifs et gràce à vous c'est bien plus net et propre.
Voilà j'ai encore appris quelque chose et je suis vraiment content.
Merci
Bien à vous Irina

[Irina]

Re

Non, non, vous vous êtes embêté pour rien je dirais qu'au lieu de

<a href="http://aeria.wowjdr.net/avant-propos-f1/qui-sommes-nous-t42.htm"><span class="postlink">Qui sommes-nous ?</span></a>

ce que vous aviez mis au dessus était mieux :
<a class="postlink"

car là vous mettez un span dans un lien, ce n'est pas le mieux.

après par css : il faut mettre :

Code:

a.postlink {
vos paramètres ici
}

______________

Pour les liens des sous forums vous voulez dire :

Guilde et Cie, Pas de nouveaux messagesAutour de la table, Les Addons, Pas dLes Bons Plans, Trucs et astuces, sLes macros, messagesStuff-Améliorations et Réputations

Vous voudriez trouver la class pour ceux là c'est ça ?
(désolée de vous faire répéter, mais j'avoue que dans tous les termes que les membres utilisent, je ne m'y retrouve pas forcément )


Cordialement,

[Elean]

Re Irina

J'ai bien essayé en faisant cette méthode :

Code:

<a href="http://aeria.wowjdr.net/avant-propos-f1/qui-sommes-nous-t42.htm" class="postlink">Qui sommes-nous ?</a>

mais bien que dans le css il y a bien la classe

Code:

.postlink {les paramètres etc..}

les personnalisations ne sont pas prises en compte.

J'ai testé aussi cela :

Code:

<a class="postlink" href="http://aeria.wowjdr.net/avant-propos-f1/qui-sommes-nous-t42.htm">Qui sommes-nous ?</a>

en mettant dans le css comme vous me le conseillez :

Code:

a.postlink {les paramètres etc..}

c'est-à-dire avec le "a" devant ".postlink" que je n'avais pas mis précédemment

Je ne comprends pas car dans aucune des méthodes, la personnalisation ne veut pas s'appliquer.

Donc en attendant pour ne pas perturber les membres, j'ai remis le "span" pour avoir quand même les paramètres qui s'affichent.

Et les sous-forums dont je parlais c'est tout à fait ça Irina ce que vous m'avez noté plus haut

D'ailleurs les virgules sont réapparues alors qu'elles n'y étaient plus, peut-être est-ce dû aux mises à jour ? si toutefois vous saviez comment les enlever, ça me plairait bien^^

Voilà je suis sincèrement désolé de vous prendre tout ce temps, je ne pensais pas avoir autant de lacunes dans ce début de connaissance de codes, mais il faut savoir rester modeste ^^^et j'ai bien compris que je dois encore plus travailler ces codes pour aller plus loin.

Merci Irina
Bien à vous

[Irina]

Bon alors je viens de farfouiller votre forum, et en fait je vois encore les erreurs du début XD

Regardons pas à pas :

1 . Pour les titres forumlink :

Voilà ce que je vois :



Il y a un <b> et un span, qui ne servent à rien
Il faudrait enlever tout ça, cette class alirec, est inutile, vu que comme vous pouvez le voir, vos titres de forums ont une class déjà toute prête à être utilisé pour mettre les deux paramètres que vous servent à mettre ce span et ce <b>
Il faut enlever ça, et juste mettre dans votre feuille de style :

Code:

a.forumlink {
font-weight:bold;
color:#F79A0F;
}

____________________
2 . Pour les liens que vous mettez vous mêmes dans la description :

Si, a.postlink ne fonctionne pas (ce n'est pas normal, mais comme je ne peux pas voir sans que ce soit en place)
Eh bien mettez une autre class, une class à vous

Dans la description vous mettez une autre class, vous mettez la votre : vous mettez
par exemple :

Code:

<a class="liendescrip" href="http://aeria.wowjdr.net/avant-propos-f1/qui-sommes-nous-t42.htm" >Qui sommes-nous ?</a>

Puis dans le css :

Code:

a.liendescrip{
color: #849A39;
font-weight: bold;
border: 1px solid #343538;
-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

a.liendescrip:hover{
background-color: #ECE3B8;
color: #870004;
padding-top: -5px;
border-top: 1px solid #870004;
border-bottom: 1px solid #870004;
border-left: 1px solid #870004;
border-right: 1px solid #870004;
-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

____________________
3 . Personnaliser vos sous forums :

Regardez ce que je vois, là où il n'y a pas de sous forums :


J'ai donc compris que c'est vous qui aviez modifier ça via le template, vous avez ajouter manuellement ce <center></center> dans le template

Vous avez du entourer les variables qui font les sous forums de cette balise.

Donc ça ce n'est pas très propre non plus !

Voici ma solution, pour obtenir le même effet et pouvoir personnaliser de manière plus propre :

Allez dans le template : Page d'accueil - affichage des catégories :

Code:

<!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>

Vous, vous devez avoir les variables, entourés par des <center> : effacez cela.

A la place encadrez ces variables par un span à qui vous mettez une class :

Code:

<!-- END switch_moderators_links -->
            <span class="sousforum"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
         </span>

Enregistrez, et publiez le template

Dans votre feuille css :

Code:

/** centrer les sous forums dans la description **/
.sousforum {
display:block;
text-align:center;
}

/*** personnaliser les sous forums ***/
.sousforum a.gensmall {
vos paramètres de styles ici;
}

Et voilà
J'espère que c'est plus clair cette fois ! N'hésitez pas à insister, et à poser des questions si je suis toujours pas compréhensible.

Cordialement,

[Elean]

Bonsoir Irina

Avant toute chose, un merci géant à vous pour tout ce que vous venez de me conseiller et en image ^^
Vous êtes vraiment super !!!
J'ai donc bien étudié vos conseils et les ai mis en application dès lors où j'ai compris "le pourquoi du comment".

J'ai enlevé le "<b>" devant ".alirec" dans le template.
J'ai quand même gardé la classe ".alirec" parce que je l'applique à 2 forums particuliers que je personnalise différemment des autres forums qui eux sont personnalisés grâce à la classe "a.forumlink".

Pour les liens de description des forums, j'avais mis au départ la classe "surf" que j'avais enlevée pour le "postlink" mais j'ai mis maintenant à la place le terme que vous avez employé "liendescrip" qui est beaucoup plus parlant et compréhensif que ce que j'avais mis.
Et tout fonctionne bien : les paramètres sont bien appliqués.

J'ai enlevé le "center" dans le template et ajouter le

Code:

<span class="sousforum">

et ensuite ajouté dans le css la classe ".sousforum" et ".sousforum a.gensmall" avec leurs paramètres qui s'appliquent super bien.
Il n'y a que le "font-weight: bold" qui ne fonctionne pas dans les sous-forums, bien que je l'avais noté dans la classe s'y rapportant dans le css. Bon pas grave, j'en enlevé le libellé puisqu'il ne veut pas s'appliquer et si je me décide à mettre du gras je peux toujours le rajouter individuellement dans les noms des sous-forums.

Et bien voilà, j'ai suivi vos conseils et j'espère ne pas avoir fait de bêtises, bien que j'y ai regardé à 2 fois pour être sûr de ne pas me tromper et en tout cas pour l'instant c'est beaucoup mieux.

Et je dois dire que vous expliquez vraiment bien car j'ai compris encore mieux plusieurs façons de faire que je croyais un peu connaître.
Donc à nouveau je vous remercie sincèrement Irina.
Bien à vous

Edit: 16.04.10

Et bien voilà j'ai fini toutes les modifs il me semble. En tout cas le problème de grand espace chez IE est résolu.
Merci Irina c'est super
cordialement