Titre fieldset centré

Wiky à 17h52
17
Jan
2012
    Bonjour, voici le petit soucis que j'ai rencontré :

    • ■ Quel(le) est votre question/votre problème ? J'aimerais que les titres en fieldset des sections (ou forums) soient centrés

      ■ Adresse du forum et/ou une capture d'écran du résultat que vous obtenez s'il s'agit d'un problème :
      Spoiler:


      ■ Renseignements/Explications supplémentaires : Après maintes tentatives je n'ai pas réussi à mettre le titre en fieldset centré. J'aimerais savoir si c'est possible sinon trouver de l'air pour faire en sorte de basculer le fieldset présent vers un tableau on conservant au maximum l'effet obtenu. Pour faire plus simple : j'aimerais que les titres soient centré, tout en les faisant "chevaucher" les cadres des descriptions, ou alors obtenir un rendu le plus près possible de ceci.


    Je met le templates en hide et spoiler Wink

    Spoiler:
    Code:
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
            <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
              <tr>
                  <td valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall">{LAST_VISIT_DATE}<br />
                    {CURRENT_TIME}<br />
                    </span>
                    <!-- END switch_user_logged_in -->
                    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                  </td>
                  <td class="gensmall" align="right" valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                    <!-- END switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
                  </td>
              </tr>
            </table>
            <br />
              <!-- BEGIN catrow --><!-- BEGIN tablehead -->
              <FIELDSET style="border:#131313 3px solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-image: url('http://i44.tinypic.com/21b27ma.png'); -webkit-box-shadow:1px 1px 5px #0e0e0e; -moz-box-shadow:1px 1px 5px #0e0e0e;"><LEGEND><span class="cattitle"><span class="titrecategorie"> {catrow.tablehead.L_FORUM} </span></span></LEGEND>
              <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <!-- END tablehead -->
              <!-- BEGIN cathead -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <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>
                  <!-- END cathead -->
              <!-- BEGIN forumrow -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                  <!-- END inc -->
                  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                        </span>
                    </h{catrow.forumrow.LEVEL}>
           
                    <FIELDSET style="border:#131313 3px solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-image: url('http://i44.tinypic.com/21b27ma.png'); -webkit-box-shadow:1px 1px 5px #0e0e0e; -moz-box-shadow:1px 1px 5px #0e0e0e;"><LEGEND style="color:#5B120C;"><table width="100%" ;><tr><td><div class="fondcat"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="gradualfader"><center>{catrow.forumrow.FORUM_NAME}</center></span></a> </div></td></tr><tr><td align="right"><div class="liensinf"> <span class="gensmall">  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div></td></tr></table>
                        </LEGEND><table width="100%" ;><tr><td><span class="icones"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      <a class="vignettes"></a></span></td><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr></table></FIELDSET><div class="sous" style="font-size: 11px; text-align: right; margin-right: 2px; margin-top: 1px;"><span class="gensmall"><span class="infodes"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS} | <b>Dernier :</b> {catrow.forumrow.LAST_POST}</span></span></div>
                  <span class="gensmall">
                    </span>
            </td>
                  <!-- BEGIN forum_link_no -->
            <!-- END forum_link_no -->
                  <!-- BEGIN forum_link -->
                  <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
                  <!-- END forum_link -->
              </tr>
              <!-- END forumrow -->
              <!-- BEGIN catfoot -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
              </tr>
            <!-- END catfoot -->
              <!-- BEGIN tablefoot -->
            <img src="{SPACER}" alt="" height="5" width="1" /></table></FIELDSET><!-- END tablefoot --><!-- END catrow -->


    Merci d'avance !
Répondre
1 Gorgorbey, le 17/01/2012 à 18h03
Bonjour,

Je poste pour voir votre template. J'éditerais ce message pour la solution.

Cordialement.

EDIT : Après de nombreux tests je parviens à la conclusion que la configuration actuelle n'est pas modifiable...
2 Wiky, le 17/01/2012 à 19h10
Mince. Donc on ne peut pas centrer le titre d'un fieldset... Il faudrait donc le remplacer par un tableau, non ?
3 Gorgorbey, le 17/01/2012 à 19h33
Avec un tableau il sera très compliqué voire impossible de faire "sortir à moitié" le titre de la catégorie
4 Wiky, le 18/01/2012 à 00h19
Mais si j'abandonne cette disposition, alors le reste peut être facilement contenu dans un tableau, non ?
5 Gorgorbey, le 18/01/2012 à 07h00
Oui bien sur que la mis en place du tableau est possible. Il suffit d'intégrer la variable dans l'ancien td qu'il y avait.
Pour le titre des catégories c'est :
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
6 Ossyane, le 18/01/2012 à 09h19
Bonjour !

Code:
Tu peux éventuellement tester ceci :
a.forumlink {
    text-aling:center;
}


J'espère que c'était ce que tu voulais !
7 Wiky, le 18/01/2012 à 15h37
Merci ! J'ai finalement abandonné le fieldset puisque je pense qu'effectivement il est impossible d'en centrer un.

Enfin, j'ai donc remplacé le fieldset par un tableau basique paramétré avec du CSS, dont le code donné par Ossyane.

Un grand merci à vous deux pour votre aide. ::pourtoi::
Sujets similaires
[Résolu] HTML : Balise fieldset
Ce n'est point toi qui étais visé scraper, mais comme j'ai cherché des infos sur une balise (non trouvée dans FP) j'ai vu des trucs sur un site puis sur un forum... Finalement, je trouve que je me débrouille pas trop mal avec FP et puis il affiche un
Titre catégorie en fieldset
Bonjour, voici le petit soucis que j'ai rencontré : ■ Quel(le) est votre question/votre problème ? J'aimerais que le titre de la catégorie soit à cheval sur le cadre, et non pas en dessous. ■ Adresse du forum et/ou une capture d'écran du
autoriser le fieldset??
Bonjour Comment autoriser le fieldset ? Qd je poste ca ne s affiche pas... Cordialement
Réponses 1 à 7 sur 7 pour "Titre fieldset centré"
Répondre
À voir aussi
more_less
Informations

7 Réponses pour le sujet :
"Titre fieldset centré"

Ce sujet a été vu 1178 fois.

Dernier message écrit :
17/01/2012 à 17h52 par "Wiky"