Boucle pas fermée au bon endroit

Général
1

Bonjour à tous,

voici mon problème :
je voudrais personnaliser ma page « plan » du site comme ici

càd aligner mes sous rubriques de gauche à droite

mais voici ce que j’obtiens ici

il y a donc une boucle ou/et un div qui est mal placé.

voici le code :

<BOUCLE_secteurs(RUBRIQUES) {racine} {id_rubrique!=13} {par num titre, titre}>

#TITRE
[(#REM) ancre haut de page ]
Haut de page
[(#REM) Articles et sous-rubriques ] #TITRE
#TITRE- ici

<BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
</BOUCLE_rubriques>
</B_rubriques>

Après de multiples essais, qui mon un peu grillé le cerveau, j’en appel à l’aide siouplé dites moi que vous avez la solution :wink:

D’avance merci :slight_smile:

2

Nicolas MAUHIN a écrit :

Bonjour à tous,

voici mon problème :
je voudrais personnaliser ma page "plan" du site comme ici <http://baserbn.free.fr/test/gabarits_HTML/31_plan_du_site.html&gt;

càd aligner mes sous rubriques de gauche à droite

mais voici ce que j'obtiens ici <http://francehabitation.kartel.fr/spip.php?page=plan&gt;

il y a donc une boucle ou/et un div qui est mal placé.

voici le code :

<!-- bloc rubrique -->
    <BOUCLE_secteurs(RUBRIQUES) {racine} {id_rubrique!=13} {par num titre, titre}>
<div id="plan_titre_rub" class="filet_haut_bleu_clair">
            <!-- France habitation -->
            <div id="plan_sR_titre" class="plan_sR_titre">
                 <div id="lettrine_bleu_2"></div id="lettrine_bleu_2">
                 <div id="plan_sR_titre_decal">#TITRE</div id="plan_sR_titre_decal">
                [(#REM) ancre haut de page ]
                <div id="plan_haut_de_page"><a id="resultat_recherche_titre_mot" title="Sommaire" href="#outil_sommaire"><img class="resultat_recherche_titre_mot" alt="Haut de page" src="IMG/spip_out.gif" width="9" height="9"/></a></div id="plan_haut_de_page">
            </div id="plan_sR_titre">
                                     <!-- liste des rubriques -->
            <div id="bloc_plan_sR_liste">
                <div id="plan_sR_liste" class="plan_sR_liste">
                    [(#REM) Articles et sous-rubriques ]
                    <B_rubriques>
                        <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre, titre}>
                            <strong><a href="#URL_RUBRIQUE">#TITRE</a></strong>
                                    <B_articles>
                                        <BOUCLE_articles(ARTICLES) {id_rubrique} {par date}{inverse}>
                                        <div><a href="#URL_ARTICLE">#TITRE</a>- ici</div>
                                        </BOUCLE_articles>
                                    </B_articles>
                          
                            <BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>
                       </BOUCLE_rubriques>
                    </B_rubriques>
                </div id="plan_sR_liste">
            </div id="bloc_plan_sR_liste">
</div id="plan_titre_rub">
    </BOUCLE_secteurs>

Après de multiples essais, qui mon un peu grillé le cerveau, j'en appel à l'aide siouplé dites moi que vous avez la solution :wink:

D'avance merci :slight_smile:
------------------------------------------------------------------------

_______________________________________________
  
A mon humble avis il faut voir côté feuille de style, et css! Il manque des div c'est sûr...
Bernard

3

Nicolas MAUHIN a écrit :

Après de multiples essais, qui mon un peu grillé le cerveau, j'en appel à l'aide siouplé dites moi que vous avez la solution :wink:

ben deja, utiliser des ul / li plutot que des div et des strong
ensuite il suffit de faire du flottant

si tu as :
<ul class="plan>
  <li>France habitation
   <ul>
    <li>Qui sommes nous ?
     <ul>
      <li>Qui sommes nous ?</li>
      <li>Notre ambition</li>
      <li>Historique</li>
      <li>Notre organisation</li>
      <li>Gouvernance</li>
      <li>Comité de direction</li>
     </ul>
    </li>
    <li>Chiffres clés
     <ul>
      <li>Chiffres clés</li>
      <li>Comptes</li>
      <li>Rapport d’activité
     </ul>
    </li>
   </ul>
  </li>
...

tu fais juste :
ul.plan li {display:block;clear:both}
ul.plan li ul li {float:left}

@++