Aligner horizontalement dans le footer

fredjouan
Offline Topic Author
Elite Member
Posts: 206
Thanks: 4

Aligner horizontalement dans le footer was created by fredjouan

Posted 10 years 4 months ago #16164

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 :

Code:

<?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; ?>

Code:

#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

by fredjouan

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29120
Thanks: 3704

Replied by ced1870 on topic Aligner horizontalement dans le footer

Posted 10 years 4 months ago #16165

salut
donnes moi ton url pour voir
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

fredjouan
Offline Topic Author
Elite Member
Posts: 206
Thanks: 4

Replied by fredjouan on topic Aligner horizontalement dans le footer

Posted 10 years 4 months ago #16168

Il est encore qu'en local mais le problème est le suivant : les différents liens du menu du pied de page (titre du site, mentions légales, plan du site,…) Sont disposés verticalement au lieu de se positionner horizontalement de gauche à droite.
Il doit s'agir d'une balise display : quelque chose…

by fredjouan

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29120
Thanks: 3704

Replied by ced1870 on topic Aligner horizontalement dans le footer

Posted 10 years 4 months ago #16169

si tu pales d'un menu je comprends mieux et ça complique
essaies avec

Code:

#footer > div.inner ul li {
display:inline;
}

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

fredjouan
Offline Topic Author
Elite Member
Posts: 206
Thanks: 4

Replied by fredjouan on topic Aligner horizontalement dans le footer

Posted 10 years 4 months ago #16170

C'est bizarre, la mise en forme disparaît mais les différents éléments continuent à s'empiler verticalement.
Je le mets en ligne et de recontacte.

Code:

#footer > div.inner ul li {
display:inline;
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;
}

by fredjouan

Please Log in or Create an account to join the conversation.