[RÉGLÉ] Menu footer "inline"

[fredjouan]

Bonjour,
Sur un site, j'ai ajouté un module de pied de page, mais il est présenté "l'un au dessous de l'autre" alors que je voudrais qu'il soit présenté sur la même ligne. Dans le code source de la page, j'ai trouvé ceci :

<div class="art-nostyle">
<!-- begin nostyle content -->
<ul class="menu"><li class="item-561 active"><a href="/">site – © 2003. All Rights Reserved</a></li><li class="item-562"><a href="/contact-telephonique">Contact téléphonique</a></li><li class="item-563"><a href="https://www.domaine.com/sitemap.html">Plan de site</a></li><li class="item-564"><a href="/mentions-legales">Mentions légales</a></li></ul><!-- end nostyle content -->
</div>

Dans la feuille css, on a le code suivant :

.art-header>div.art-nostyle, .art-header>div.art-block, .art-header>div.art-post
{
  position: absolute;
  z-index: 101;
}

Quel serait le code à ajouter pour le présenter en ligne ?
Merci de votre aide,
Fred

[lomart]

Re : Menu footer "inline"

Bonjour,

Art-nostyle étant une classe généraliste d'un template Artisteer, il faudrait ajouter un suffixe de classe au module menu pour pouvoir le cibler
Ensuite cette règle devrait faire le principal, restera ensuite le cosmétique :

.monsuffix > li {display: inline-block}

[ced1870]

Re : Menu footer "inline"

salut
un truc du genre

#footer ul.menu li { display: inline-block; }

?
CEd

[fredjouan]

Re : Menu footer "inline"

Merci pour vos réponses,
Oui, c'est pour aider un copain qui utilise Artisteer (une vraie daube, ce truc, même pas fichu de faire du responsive…).
Étant une truffe en CSS, je n'arrive pas à trouver la syntaxe correcte, j'ai testé à peu près tout ce que vous m'avez fourni, sur le module de footer, dans la case "Suffixe de classe CSS" :

.footer > ul.menu li { display: inline-block; }
#footer ul.menu li { display: inline-block; }
.footer > li {display: inline-block}
#footer > li {display: inline-block}

Rien ne fonctionne.

[lomart]

Re : Menu footer "inline"

Une url pour t'aider? Tu peux l'envoyer en MP