titre desc credits sur une ligne

Bonjour,
Merci,
Voici, simplifié au maximum le code:

<figcaption class='spip_doc_intitules'>
<li>[<div class='spip_doc_descriptif #EDIT{titre}'>(#TITRE)</div>]</li>
<li>[<div class='spip_doc_descriptif
#EDIT{descriptif}'>(#DESCRIPTIF)</div>]</li>
<li>[<div class='spip_doc_descriptif
#EDIT{credits}'>(#CREDITS)</div>]</li>
</figcaption>

avec en css:

li { display: inline-block; }

visible ici par exemple:
http://imagesetpeche.free.fr/?Images-responsives
ce qui impacte les listes (li) de tout le site...
Je n'ai pas pu faire mieux pour l'instant faute de connaissance.
Comment faire mieux (avec le fameux
ul.nav { display: inline-block;}) par exemple?

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

Ici l'article test sur lequel les légendes sont présentées telles que je les
voudrait:
http://imagesetpeche.free.fr/spip.php?page=test
et ici telles qu'elles apparaissent sur le site:
http://imagesetpeche.free.fr/?Essai-pour-image

============

"Patrick" <dupouypa@club-internet.fr> a écrit dans le message de news:
otn567$j9k$1@blaine.gmane.org...

Bonjour,
Merci,
Voici, simplifié au maximum le code:

<figcaption class='spip_doc_intitules'>
<li>[<div class='spip_doc_descriptif #EDIT{titre}'>(#TITRE)</div>]</li>
<li>[<div class='spip_doc_descriptif
#EDIT{descriptif}'>(#DESCRIPTIF)</div>]</li>
<li>[<div class='spip_doc_descriptif
#EDIT{credits}'>(#CREDITS)</div>]</li>
</figcaption>

avec en css:

li { display: inline-block; }

visible ici par exemple:
http://imagesetpeche.free.fr/?Images-responsives
ce qui impacte les listes (li) de tout le site...
Je n'ai pas pu faire mieux pour l'instant faute de connaissance.
Comment faire mieux (avec le fameux
ul.nav { display: inline-block;}) par exemple?

---
L'absence de virus dans ce courrier electronique a ete verifiee par le
logiciel antivirus Avast.
Download Free Antivirus Software | Avast 2024 PC Protection

--------------------------------------------------------------------------------

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.

Bah un

ul.nav li { display: inline-block;}

devrait faire l’affaire, non ?

Bonjour,
Oui merci à vous deux pour le coup de main, celà semble marcher.
C’est la façon de l’écrire qui me manquait.
Je voulais un

  • qui n’impacte pas toutes les listes du site.
    Mon site est dirigé vers l’image et je trouve photoswipe trés bien pour ce que je voulais présenter: un zoom sur les photos.
    Il faut bien sur pour celà que les photos soient assez grandes.
    Les légendes pour les détails. Il va falloir toutes les renseigner…
    Bonne journée à vous et merci.

    ============

    « Jean-Christophe Villeneuve » <jcvilleneuve@cegetel.net> a écrit dans le message de news: 15f7e0e5-3212-4173-878b-5f5a055f9c66@cegetel.net
    Bah un

    ul.nav li { display: inline-block;}

    devrait faire l’affaire, non ?

    Le 05/11/2017 à 14:54, Patrick a écrit :

    Bonjour,
    Merci,
    Voici, simplifié au maximum le code:
    
     <figcaption class='spip_doc_intitules'>
     <li>[<div class='spip_doc_descriptif #EDIT{titre}'>(#TITRE)</div>]</li>
     <li>[<div class='spip_doc_descriptif 
    #EDIT{descriptif}'>(#DESCRIPTIF)</div>]</li>
     <li>[<div class='spip_doc_descriptif 
    #EDIT{credits}'>(#CREDITS)</div>]</li>
     </figcaption>
    
    avec en css:
    
    li  { display: inline-block; }
    
    visible ici par exemple:
    [http://imagesetpeche.free.fr/?Images-responsives](http://imagesetpeche.free.fr/?Images-responsives)
    ce qui impacte les listes (li) de tout le site...
    Je n'ai pas pu faire mieux pour l'instant faute de connaissance.
    Comment faire mieux (avec le fameux
    ul.nav  { display: inline-block;}) par exemple?
    
    ---
    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