liste de rubriques en ligne et non en colonne

Général
1

Bonjour,
Je voudrais afficher la "liste" de mes rubriques (logo titre descriptif
clicable) comme les images du portfolio, c'est à dire côte à côte et non en
colonne comme sur la dist.
J'obtiens bien tout ça, mais sur une seule colonne.
J'ai essayé des <ul> et <li> dans tous les sens, mais là je coince.
Est ce dans le code ou les css qu'il faut chercher?
Pour toute réponse merci

<B_rubriques>
<div class="bloc clearfix documents_portfolio" id="documents_portfolio">
  <ul><li>

<BOUCLE_rubriques(RUBRIQUES){par titre}{!titre_mot=rubrique-masquée}>
<BOUCLE_rub(RUBRIQUES){id_rubrique}>
    #SET{articles, #LISTE}
   <BOUCLE_articles(ARTICLES){branche}>
    #SET{articles, #GET{articles}|push{#ID_ARTICLE}}
   </BOUCLE_articles>
  <BOUCLE_dernier_doc(DOCUMENTS){id_article IN
#GET{articles}}{extension==jpg}{!par date}{0,1}>
  [<a href="#URL_ARTICLE" title="(#TITRE|textebrut|entites_html)">
    (#FICHIER|image_passe_partout{200,200}
     |image_recadre{200,200,-,focus-center}
                 |inserer_attribut{data-photo,#URL_DOCUMENT})</a>]
  </BOUCLE_dernier_doc>
</BOUCLE_rub>

  <h1>#TITRE</h1>
   [<div class="#EDIT{intro} introduction
entry-content">(#INTRODUCTION)</div>]

</BOUCLE_rubriques>
</li></ul>
</div>

</B_rubriques>

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
https://www.avast.com/antivirus

2

bonjour,

en css ça ne fonctionne pas ?

.documents_portfolio li {display:inline}
3

Merci pour la réponse, ça ne marche toujours pas, même en modifiant le css.

====

« pi r » <root56@free.fr> a écrit dans le message de news: a78a353c-55f2-96ac-3044-24a69b51c2cd@free.fr…

bonjour,

en css ça ne fonctionne pas ?

.documents_portfolio li {display:inline}

Le 10/12/2017 à 09:51, Patrick a écrit :

Bonjour,
Je voudrais afficher la "liste" de mes rubriques (logo titre descriptif 
clicable) comme les images du portfolio, c'est à dire côte à côte et non en 
colonne comme sur la dist.
J'obtiens bien tout ça, mais sur une seule colonne.
J'ai essayé des <ul> et <li> dans tous les sens, mais là je coince.
Est ce dans le code ou les css qu'il faut chercher?
Pour toute réponse merci

<B_rubriques>
 <div class="bloc clearfix documents_portfolio" id="documents_portfolio">
  <ul><li>

 <BOUCLE_rubriques(RUBRIQUES){par titre}{!titre_mot=rubrique-masquée}>
 <BOUCLE_rub(RUBRIQUES){id_rubrique}>
    #SET{articles, #LISTE}
   <BOUCLE_articles(ARTICLES){branche}>
    #SET{articles, #GET{articles}|push{#ID_ARTICLE}}
   </BOUCLE_articles>
  <BOUCLE_dernier_doc(DOCUMENTS){id_article IN 
#GET{articles}}{extension==jpg}{!par date}{0,1}>
  [<a href="#URL_ARTICLE" title="(#TITRE|textebrut|entites_html)">
    (#FICHIER|image_passe_partout{200,200}
     |image_recadre{200,200,-,focus-center}
                 |inserer_attribut{data-photo,#URL_DOCUMENT})</a>]
  </BOUCLE_dernier_doc>
 </BOUCLE_rub>

  <h1>#TITRE</h1>
   [<div class="#EDIT{intro} introduction 
entry-content">(#INTRODUCTION)</div>]

 </BOUCLE_rubriques>
</li></ul>
</div>

</B_rubriques> 

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
[https://www.avast.com/antivirus](https://www.avast.com/antivirus)


_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [http://listes.rezo.net/mailman/listinfo/spip](http://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)
Garanti sans virus. www.avast.com
4

Visible ici:
http://imagesetpeche.free.fr/spip.php?page=sommaire_test

=======

« Patrick » <dupouypa@club-internet.fr> a écrit dans le message de news: p0iuru$amm$1@blaine.gmane.org…
Merci pour la réponse, ça ne marche toujours pas, même en modifiant le css.

====

« pi r » <root56@free.fr> a écrit dans le message de news: a78a353c-55f2-96ac-3044-24a69b51c2cd@free.fr…

bonjour,

en css ça ne fonctionne pas ?

.documents_portfolio li {display:inline}

Le 10/12/2017 à 09:51, Patrick a écrit :

Bonjour,
Je voudrais afficher la "liste" de mes rubriques (logo titre descriptif 
clicable) comme les images du portfolio, c'est à dire côte à côte et non en 
colonne comme sur la dist.
J'obtiens bien tout ça, mais sur une seule colonne.
J'ai essayé des <ul> et <li> dans tous les sens, mais là je coince.
Est ce dans le code ou les css qu'il faut chercher?
Pour toute réponse merci

<B_rubriques>
 <div class="bloc clearfix documents_portfolio" id="documents_portfolio">
  <ul><li>

 <BOUCLE_rubriques(RUBRIQUES){par titre}{!titre_mot=rubrique-masquée}>
 <BOUCLE_rub(RUBRIQUES){id_rubrique}>
    #SET{articles, #LISTE}
   <BOUCLE_articles(ARTICLES){branche}>
    #SET{articles, #GET{articles}|push{#ID_ARTICLE}}
   </BOUCLE_articles>
  <BOUCLE_dernier_doc(DOCUMENTS){id_article IN 
#GET{articles}}{extension==jpg}{!par date}{0,1}>
  [<a href="#URL_ARTICLE" title="(#TITRE|textebrut|entites_html)">
    (#FICHIER|image_passe_partout{200,200}
     |image_recadre{200,200,-,focus-center}
                 |inserer_attribut{data-photo,#URL_DOCUMENT})</a>]
  </BOUCLE_dernier_doc>
 </BOUCLE_rub>

  <h1>#TITRE</h1>
   [<div class="#EDIT{intro} introduction 
entry-content">(#INTRODUCTION)</div>]

 </BOUCLE_rubriques>
</li></ul>
</div>

</B_rubriques> 

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
[https://www.avast.com/antivirus](https://www.avast.com/antivirus)


_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [http://listes.rezo.net/mailman/listinfo/spip](http://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)
Garanti sans virus. www.avast.com
5

Bonjour,

Tu fermes pas le li à chque ligne du coup ça passe mal.

6

ahbha oui ça peut pas aller tes li

et puis ta boucle est bien compliquée, il y en a une en trop,

et peut être faudra t- il limiter le width des li

try :

7

Merci à vous, j’ai en effet des problèmes avec les ul et li…
J’ai obtenu à peu prés ce que je voulais ici:

http://imagesetpeche.free.fr/spip.php?page=sommaire_test

en corrigeant les defauts de li lu qui englobent la 2nde boucle… et en attribuant un width de 18% à #liste_rubriques et non pas 100% comme pour le portfolio.
Reste à améliorer le design.
Bonne journée à vous et merci.

======

« pi r » <root56@free.fr> a écrit dans le message de news: fe548737-64d3-b084-d466-b6a40b013353@free.fr…

ahbha oui ça peut pas aller tes li

et puis ta boucle est bien compliquée, il y en a une en trop,

et peut être faudra t- il limiter le width des li

try :

++

<B_rubriques>
 <div class="bloc clearfix documents_portfolio" id="documents_portfolio">
  <ul>
 <BOUCLE_rubriques(RUBRIQUES){par titre}{!titre_mot=rubrique-masquée}>
<li>

 #SET{articles, #LISTE}
   <BOUCLE_articles(ARTICLES){branche}>
    #SET{articles, #GET{articles}|push{#ID_ARTICLE}}
   </BOUCLE_articles>
  <BOUCLE_dernier_doc(DOCUMENTS){id_article IN 
#GET{articles}}{extension==jpg}{!par date}{0,1}>
  [<a href="#URL_ARTICLE" title="(#TITRE|textebrut|entites_html)">
    (#FICHIER|image_passe_partout{200,200}
     |image_recadre{200,200,-,focus-center}
                 |inserer_attribut{data-photo,#URL_DOCUMENT})</a>]
  </BOUCLE_dernier_doc>
  <h1>#TITRE</h1>
   [<div class="#EDIT{intro} introduction 
entry-content">(#INTRODUCTION)</div>]

</li>
 </BOUCLE_rubriques>
</ul>
</div>

</B_rubriques>

Le 10/12/2017 à 10:47, Patrick a écrit :

Visible ici:
http://imagesetpeche.free.fr/spip.php?page=sommaire_test

=======

« Patrick » <dupouypa@club-internet.fr> a écrit dans le message de news: p0iuru$amm$1@blaine.gmane.org…
Merci pour la réponse, ça ne marche toujours pas, même en modifiant le css.

====

« pi r » <root56@free.fr> a écrit dans le message de news: a78a353c-55f2-96ac-3044-24a69b51c2cd@free.fr…

bonjour,

en css ça ne fonctionne pas ?

.documents_portfolio li {display:inline}

Le 10/12/2017 à 09:51, Patrick a écrit :

Bonjour,
Je voudrais afficher la "liste" de mes rubriques (logo titre descriptif 
clicable) comme les images du portfolio, c'est à dire côte à côte et non en 
colonne comme sur la dist.
J'obtiens bien tout ça, mais sur une seule colonne.
J'ai essayé des <ul> et <li> dans tous les sens, mais là je coince.
Est ce dans le code ou les css qu'il faut chercher?
Pour toute réponse merci

<B_rubriques>
 <div class="bloc clearfix documents_portfolio" id="documents_portfolio">
  <ul><li>

 <BOUCLE_rubriques(RUBRIQUES){par titre}{!titre_mot=rubrique-masquée}>
 <BOUCLE_rub(RUBRIQUES){id_rubrique}>
    #SET{articles, #LISTE}
   <BOUCLE_articles(ARTICLES){branche}>
    #SET{articles, #GET{articles}|push{#ID_ARTICLE}}
   </BOUCLE_articles>
  <BOUCLE_dernier_doc(DOCUMENTS){id_article IN 
#GET{articles}}{extension==jpg}{!par date}{0,1}>
  [<a href="#URL_ARTICLE" title="(#TITRE|textebrut|entites_html)">
    (#FICHIER|image_passe_partout{200,200}
     |image_recadre{200,200,-,focus-center}
                 |inserer_attribut{data-photo,#URL_DOCUMENT})</a>]
  </BOUCLE_dernier_doc>
 </BOUCLE_rub>

  <h1>#TITRE</h1>
   [<div class="#EDIT{intro} introduction 
entry-content">(#INTRODUCTION)</div>]

 </BOUCLE_rubriques>
</li></ul>
</div>

</B_rubriques> 

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
[https://www.avast.com/antivirus](https://www.avast.com/antivirus)


_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [http://listes.rezo.net/mailman/listinfo/spip](http://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)
Garanti sans virus. www.avast.com 
_______________________________________________
liste spip
[spip@rezo.net](mailto:spip@rezo.net) - désabonnement : envoyer un mail à  [spip-off@rezo.net](mailto:spip-off@rezo.net)

Archives : [https://www.mail-archive.com/spip@rezo.net/maillist.html](https://www.mail-archive.com/spip@rezo.net/maillist.html)

Infos : [http://listes.rezo.net/mailman/listinfo/spip](http://listes.rezo.net/mailman/listinfo/spip)

Documentation de SPIP : [http://www.spip.net/](http://www.spip.net/)

Irc : de l'aide à toute heure : [http://spip.net/irc](http://spip.net/irc)