Aligner horizontalement dans le footer

[fredjouan]

Re : Aligner horizontalement dans le footer

Le module et l'élément de menu sont créés. Il faudrait juste l'instruction CSS qui permet d'aligner horizontalement les différents éléments du menu

[lomart]

Re : Aligner horizontalement dans le footer

Bonjour,

Dans un cas comme celui-ci, une solution est de faire un seul module personnalisé dans lequel on va positionner à coup de "load position" les modules souhaités. Comme cela, on contrôle totalement la mise en page en utilisant les règles css du template telles les span-x de bootstrap ou des règles perso

[fredjouan]

Bonjour,
Sur ce template, je n'arrive pas à aligner horizontalement les différents éléments qui composent le pied de page.
Ci-joint les parties de code HTML et CSS :

	<?php if ($this->countModules('position-3')) : ?>
	<div id="footer">
		<div class="inner clearfix">
			<jdoc:include type="modules" name="position-3" style="xhtml" />
		</div>
	</div>
	<?php endif; ?>

#footer > div.inner {
	background: #05a696;
	background-image: url("blocfooter-gradient.svg");
	background-image: -o-linear-gradient(center top,#05a696, #9adcfc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom,from(#05a696), color-stop(100%, #9adcfc));
	background-image: -moz-linear-gradient(center top,#05a696, #9adcfc 100%);
	background-image: linear-gradient(center top,#05a696, #9adcfc 100%);
	-pie-background: linear-gradient(center top,#05a696, #9adcfc 100%);
	border: #046352 1px solid;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 10px;
}

Quel code CSS permettrait de les aligner horizontalement au lieu de les empiler verticalement ?
Fred