Sujets similaires

Dernière édition par Julye le Mar 23 Oct 2012, 15:09, édité 1 fois

Bien le bonsoir !

dans ce sujet, je demandais comment faire pour que mes forums ne "poussent" pas la description quand ils s'agrandissaient en hover
Désormais c'est chose faite ... Mais impossible de les centrer !
Pire, on dirait qu'ils flottent (je ne suis pas sûre que ce terme soit adéquat !) :/

Les images valent mieux qu'un long discours : forum test

les codes :
template index body :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="petit">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="petit" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="petit" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="petit" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 50px;">
<tr class="secondarytitle">
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" > {catrow.tablehead.L_FORUM} </th>

</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
      <h{catrow.cathead.LEVEL} class="hierarchy">
         <span class="cattitle">
            <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
         </span>
      </h{catrow.cathead.LEVEL}>
   </td>
   <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   

   <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
      </h{catrow.forumrow.LEVEL}>
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}" style="z-index:500;">{catrow.forumrow.FORUM_NAME}</a><br />
<div style="z-index:1;"><table><tr>
<td width="250px" valign="top"><br /><div class="ciaovirgule"><span class="categolink">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></td>
<td width="350px"><span class="gensmall">{catrow.forumrow.FORUM_DESC}</span></td>
<td align="center" width="200px" valign="top"><fieldset class="textecasecatego"><legend><span class="petit" style="font-weight:none;font-size:8px;border-bottom : 1px #000000 simple;">Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span></legend><span class="petit">{catrow.forumrow.LAST_POST}</span><br /><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="width:50px;" /></fieldset></td></tr></table>
</div></td>

</tr>


<tr>
   
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

le code CSS des titres des forums :

Code:: /*TITRE DES FORUMS*/
a.forumlink {
display :block;
font-family: 'miniver', cursive;
color: #d9600f;
font-size: 35px;
margin:auto;
letter-spacing: -1px;
text-shadow: 1px 1px 2px #d9600f;
z-index: 999;
position:absolute;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

a.forumlink:hover {
color: #4D270E;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
letter-spacing: 4px;
text-shadow: 1px 1px 15px #000000;
font-size: 55px;
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
z-index: 999;
position:absolute;

}

Mon problème : Pourquoi est-ce que ça ne se centre pas ? Pourquoi ça "flotte" au dessus ?

Voilà merci d'avance Smile

Si jamais ma question est trop compliquée, je pense que je "trafiquerais" artificiellement, j'entends par là avec des margin pour baisser les descriptions et les liens des sous forums, mais je préfèrerais quand même régler ça proprement

Sur ce, merci à ceux qui m'aideront, à ceux qui me liront ... bonne soirée Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1001172573

Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1001172573

Salut !

Je pense que c 'est parce que tu as positionné tes titres en positionnement absolu x)

Je n'ai pas suivi le sujet précédent (il me semble d'ailleurs qu'on n'y avait pas indiqué de solution au final), mais la solution que tu as adoptée n'est que partiellement bonne.

En effet, un position:absolute va placer ton bloc PAR RAPPORT à un conteneur. Or dans ton cas, tu n'as pas précisé le conteneur, ni d'ailleurs le positionnement, ce qui fait que ça n'a pas vraiment de sens '_'

Le plus "simple" serait que tu rajoutes dans la cellule un div conteneur (contenant tout le contenu actuel de ta cellule) avec une classe à laquelle tu auras attribué un position:relative;, puis de rajouter un positionnement à ton titre (avec top et left par exemple)

Ce qui donnerait grosso modo quelque chose comme ça :

Code:: <div class="BlocConteneur">
<a href="..." class="forumlink">Mon titre de forum</a>
Et le reste du contenu
</div>

Code:: .BlocConteneur { position:relative; }
a.forumlink {
/* Plein de propriétés CSS dont : */
position:absolute;
left:0; /* à 0px du bord gauche du bloc BlocConteneur */
top:0; /* à 0px du bord haut du bloc BlocConteneur */
width:100%;
text-align:center;
}

Par ailleurs je vois ça dans ton code :

Code:: <h{catrow.forumrow.LEVEL} class="hierarchy">
</h{catrow.forumrow.LEVEL}>
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}" style="z-index:500;">{catrow.forumrow.FORUM_NAME}</a><br />

POURQUOI, au grand pourquoi, as-tu retiré le titre des forums d'entre les balises de titre (les deux h{catrow.forumrow.LEVEL}) ? Et pourquoi as tu gardé les balises de titre si tu n'en as plus l'usage ?

coucou

Aaaaah je savais qu'en posant des questions ici j'allais me sentir cruche Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 2029989112

Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 2029989112

Merci en tout cas de toutes ces réponses, c'est fort gentil Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 2176505670

En fait, j'ai appris le css un peu "comme ça", en tâtonnant un peu partout, c'est pour cette raison que le code est erroné :s

1) Tu me dis donc de créer un "conteneur", mais la "case" forum n'en est-elle pas un en lui même ? j'entends par là toutes les cases "forum" qui se situent dans une catégorie
j'imagine que tu vas me dire non ... mais pourquoi ? ^^

Néanmoins, je pense avoir compris et testerai ce soir !

2)

Citation :: POURQUOI, au grand pourquoi, as-tu retiré le titre des forums d'entre les balises de titre (les deux

h{catrow.forumrow.LEVEL}) ? Et pourquoi as tu gardé les balises de titre si tu n'en as plus l'usage ?

Parce que j'ai appris en tâtonnant (a) Donc je modifie ... mais surtout je n'ose rien enlever de peur de faire une bêtise Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1688815589

Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1688815589

Pourrais-tu m'expliquer la différence entre la class "hierarchy" et la classe "forumlink" ? :s

Merci du temps passé à m'aider, vraiment Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1779901633

Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 1779901633

Une petite dernière question (promis normalement après j'arrête), où as-tu appris toutes tes connaissances sur le CSS ?

EDIT : je n'ai pas su attendre ce soir, trop d'impatience, donc j'ai testé, et ça FONCTIONNE Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 577704309

Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 577704309

(mais tu devais t'en douter ^^) alors encore une fois mille mercis <33 Tu m'as en plus appris certaines notions, c'est génial, j'adopte votre forum ^^
J'attends que tu répondes à mes quelques questions et j'indiquerai "terminé" dans le titre du sujet Smile

Plop !

Citation :: 1) Tu me dis donc de créer un "conteneur", mais la "case" forum n'en est-elle pas un en lui même ? j'entends par là toutes les cases "forum" qui se situent dans une catégorie
j'imagine que tu vas me dire non ... mais pourquoi ? ^^

En fait, les cellules de tableau ne sont pas positionnables vu qu'il s'agit de parties d'un tout (un tableau). Si tu imagines le tableau comme un corps humain, tu ne peux pas repositionner tes bras et tes jambes, par contre tu peux y placer des vêtements x) Ou, de manière plus réaliste, tu ne peux pas repositionner/décaler un tiroir d'une commode, mais tu peux y mettre du contenu, qui lui peut être rangé comme tu veux. Du coup, un position:relative; sur une cellule de tableau ne marchera pas, il faut un bloc à l'intérieur de la cellule qui servira de référence.

Citation :: Pourrais-tu m'expliquer la différence entre la class "hierarchy" et la classe "forumlink" ? :s

On écrit "une classe" (class étant le nom d'un attribut HTML).
Sur ForumActif, la classe forumlink est appliquée aux liens vers les forums, tandis que la classe hierarchy s'applique aux titres des forums ou des catégories. Alors sur le coup ce n'est pas forcément très évident mais quand on demande l'affichage des forums sans compression, les "niveaux" des titres changent (h3 -> h4 -> etc) selon la profondeur des sous forums. La classe hierarchy permet d'avoir une mise en forme commune à tous les titres, tout en autorisant quelques disparités selon le niveau.
Bon après la façon dont ForumActif organise tout ça me semble assez douteuse mais mon problème c'était surtout que t'as envoyé voler les balises de titre alors que, sémantiquement parlant, elles sont indispensables.
Quoi qu'il en soit, les deux classes ne se contredisent pas, on peut même les combiner.

Citation :: Une petite dernière question (promis normalement après j'arrête), où as-tu appris toutes tes connaissances sur le CSS ?

Pas de magie, je suis autodidacte XD On peut mentionner le Site du Zéro et AlsaCréations pour quelques cours utiles, W3Schools (en anglais) pour la référence, et puis par expérience personnelle, en aidant les gens sur CSSActif et mon propre forum, en réalisant mes propres sites et forums, etc. Mais bon, moi ça fait grosso modo dix ans que je fais ça, et même maintenant j'apprends de nouveaux trucs.

J'ai tout compris, merci Very Happy

et encore une fois merci de m'avoir aidée car je n'aurais jamais trouvé toute seule x)

Pour ce qui est de l'apprentissage, n'ayant commencé que depuis 10 mois, j'ai le temps Rire

J'ai également commencé avec le site du zéro, et maintenant je découvre ceci cela, en améliorant peu à pu mon forum
En tout cas merci de l'info Bravo !

Bonne soirée Smile

Le sujet est terminé et donc à classer Titre des forums qui sont des blocs et ne se centrent pas [Terminé] 189128

Merci de nous avoir prévenus de l'avancement. Very Happy

Ainsi, je me permets de déplacer.
A bientôt sur CSSActif. Smile

Titre des forums qui sont des blocs et ne se centrent pas [Terminé]

Titre des forums qui sont des blocs et ne se centrent pas [Terminé]

Sujets similaires

Sujets similaires

Partenaires Or