[résolu]Problème d'affichage des Sous-Forums Bouton_active[résolu]Problème d'affichage des Sous-Forums Bouton_hover[résolu]Problème d'affichage des Sous-Forums Fb-hover[résolu]Problème d'affichage des Sous-Forums Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
[résolu]Problème d'affichage des Sous-Forums EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu]Problème d'affichage des Sous-Forums EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu]Problème d'affichage des Sous-Forums EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu]Problème d'affichage des Sous-Forums EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu]Problème d'affichage des Sous-Forums EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu]Problème d'affichage des Sous-Forums EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu]Problème d'affichage des Sous-Forums EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
[résolu]Problème d'affichage des Sous-Forums EmptyMar 07 Fév 2023, 08:40 par Oxtran

-28%
Le deal à ne pas rater :
Précommande : Smartphone Google Pixel 8a 5G Double Sim 128Go ...
389 € 539 €
Voir le deal

Partagez
 

[résolu]Problème d'affichage des Sous-Forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Mystore
Mystore
{ Membre }
{ Membre }

Masculin Messages : 18



[résolu]Problème d'affichage des Sous-Forums Empty
Bonjour ! J'ai encore une fois un problème, concernant cette fois-ci mes Sous Forums, d'abord, voici quelques informations utiles.

  • L'adresse Internet du forum : (En balise Hide)

  • L'explication du problème : J'ai mis un cadre aux bords arrondis autour de mes sous-forums, seulement, lorsqu'ils retournent à la ligne (Car il y'en a trop, et ça ne tient pas sur toute la ligne) ils se superposent l'un avec l'autre.

  • Petit screen démonstratif :

    Le screen:

    J'aimerais que la deuxième ligne du cadre (Ovale blanc avec les Sous Forums à l'intérieur) où l'on peut lire " Victoire / Plateau Indigo | Ligue Pokémon " ne se superpose pas à la ligne juste au dessus (De "Bourg Palette" à "Route..." ) et fasse la même largeur, de façon à ce qu'on ait un long ovale parfait.

  • Schéma de ce que je souhaite :
    Le schéma:
    Sur le schéma, il manque des bouts à "Carmin sur Mer, Lavanville, Céladopole" c'est seulement parce-que j'ai fais un Copié-Collé, car en réalité, j'aimerais qu'on puisse voir tout le nom, comme si il y'avait un vrai retour à la ligne à partir de " Route ".

  • Codes affectés (Template Index_box ? ) :

    Template Index_box
    Code:
    <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><br>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="noms-categories"><span style="font-size: 50px">{catrow.tablehead.L_FORUM}</span></div>
    <br />

    <table class="fondforum" width="100%" border="0" cellspacing="0" cellpadding="0">
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
     
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
     
      <!-- 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></tr><tr>
          <!-- END inc -->
    <td class="row1 over" colspan="3" valign="middle" width="100%" height="10">

    </td></tr>
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" style="padding-left: 6px; padding-bottom: 3px;">

            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top"  height="50" style="padding-right: 3px; padding-left: 3px;">


    <h{catrow.forumrow.LEVEL} class="hierarchy" style="margin-bottom: 0px;">
     
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span> 
            </h{catrow.forumrow.LEVEL}> 


            <div class="stats-nombre" style="margin-right:100px;"><b>Messages</b> : {catrow.forumrow.POSTS} ♦ <b>Sujets</b> : {catrow.forumrow.TOPICS}</div>
    <table class="forumlastpost"  border="0" cellspacing="0" cellpadding="0" style="margin-right: 5px;" ><tr>
    <td>

      <span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</div></span>
    <br />    <center>        <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
           

      <left><span class="gensmall"><span id="sousforum" class="sousforum"> {catrow.forumrow.LINKS}</span><script type="text/javascript">document.getElementById('sublink').innerHTML=document.getElementById('sublink').innerHTML.replace(/♦/♦" ♦ ");
      </script>
    </center>
    </td>
    <td style="margin-top:4px; vertical-align:top center;margin-right:10px;"><div class="stats-forum"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
    <br />

    </span>
            </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 -->
    </table></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

  • CSS affecté :

    Code:
    /*SOUS FORUM*/

    .sousforum {
    background-color: #F5F3E5;
    padding: 5px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-topright: 18px;
    -moz-border-radius-bottomleft: 18px;
    -moz-border-radius-bottomright: 18px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    margin-left: 20px;
    margin-right: 2px;
    margin-bottom: 2px;
    font-family: Arial;
    font-size: 11px;
    line-height: normal;
    overflow: auto;
    align: left;
    }


Merci d'avance pour votre aide !
MessageSujet: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums EmptyMar 10 Juil 2012, 10:54
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



[résolu]Problème d'affichage des Sous-Forums Empty
Bonjour,

J'ai regardé un petit peu ton souci. En fait, d'après mes essais, les deux problèmes sont liés mais je vais tout de même garder une réserve.

Alors tout d'abord, le fait que le cadre arrondi n'englobe pas le tout est normal. Tu les as placé dans une balise < span> qui est une balise de type inline. Ce type de balises se placent obligatoirement à l'intérieur d'une balise de type block. Le type block crée automatiquement un retour à la ligne. Enfin, je ne vais pas m'étendre.

Si tu veux que tes sous-forums aient un cadre, tu dois remplacer ceci
Code:
<span id="sousforum" class="sousforum"> {catrow.forumrow.LINKS}</span>

Par ceci
Code:
<div class="sousforum"> {catrow.forumrow.LINKS}</div>

Normalement, si mes test étaient corrects, le fait que ton texte se chevauche devrait avoir disparut.

Ensuite inutile de mettre id="ton_id" et class="ta_class" dans une même balise. En effet, selon comment tu as fait ton css, c'est soit l'une, soit l'autre. Une id sera liée au CSS par #ton_id et la classe sera liée par .ta_class. Ici j'ai retiré l'id car inutile.
MessageSujet: Re: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums EmptyMar 10 Juil 2012, 13:35
Revenir en haut Aller en bas
Mystore
Mystore
{ Membre }
{ Membre }

Masculin Messages : 18



[résolu]Problème d'affichage des Sous-Forums Empty
Décidément, tu n'en finis plus de m'aider ! Un grand merci à toi, car voici le résultat :

[résolu]Problème d'affichage des Sous-Forums 190367Sanstitre2

J'avoue être assez novice dans ces domaines-ci ..
Encore merci ! Sujet résolu Wink
MessageSujet: Re: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums EmptyMar 10 Juil 2012, 14:16
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



[résolu]Problème d'affichage des Sous-Forums Empty
J'ai vu que tu n'avais pas encore réponse au moment où je passais donc j'en ai profité ^^

Ah, je ne dis pas, mais j'ai préféré te le préciser au cas où tu aurais fais le lien avec l'id et la class sans t'en rendre compte. C'est avec de la pratique qu'on apprend à maitriser un peu tout ça.

Bonne continuation et vraiment pas de quoi Wink
MessageSujet: Re: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums EmptyMar 10 Juil 2012, 14:33
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[résolu]Problème d'affichage des Sous-Forums Empty
Hello (:
Je vois que le problème est résolu, alors je classe =D
Merci de l'avoir signalé [résolu]Problème d'affichage des Sous-Forums 926145
MessageSujet: Re: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums EmptyJeu 12 Juil 2012, 13:59
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu]Problème d'affichage des Sous-Forums Empty
MessageSujet: Re: [résolu]Problème d'affichage des Sous-Forums   [résolu]Problème d'affichage des Sous-Forums Empty
Revenir en haut Aller en bas
 

[résolu]Problème d'affichage des Sous-Forums

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [RÉSOLU!!!!! :D ]Problème de sous-forums - quel template?
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Mes sous-forums ne s'affichent pas.... [RESOLU]
» [Résolu] Effet slide sur les sous-forums.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forumactif.com