[Problème] 2 modules sur une même position

[fredjouan]

Bonjour à tous,
Ce site Internet est fabriqué avec Xoops et je tente de le refaire en joomla 3 à cette adresse. Le site est en construction et je commence seulement, soyez tolérants.
Uniquement sur la page d'accueil, je voudrais afficher le module de slide et le petit module de texte (module personnalisé qui est actuellement placé en dessous), sur la même position (position 2).
Les deux modules sont assignés à la position 2 et à la page d'accueil uniquement. Ils devraient donc s'afficher sur la même ligne. Mais lorsque la souris passe au-dessus du slide, on remarque que le module prend toute la largeur de la page.
Par ailleurs, il y a peut-être du padding qui traîne dans une feuille CSS.
Merci de votre aide
Fred

Dans le fichier index, j'ai placé une ligne "position 2", juste en dessous de la position 1 comme ceci :

	<?php if ($this->countModules('position-1')) : ?>
	<div id="nav">
		<div class="inner clearfix">
			<jdoc:include type="modules" name="position-1" />
		</div>
	</div>
	<?php endif; ?>
	[B][COLOR="#A52A2A"]<?php if ($this->countModules('position-2')) : ?>
	<div id="nav1">
		<div class="inner clearfix">
			<jdoc:include type="modules" name="position-2" />
		</div>
	</div>
	<?php endif; ?>[/COLOR][/B]

Mais je n'ai pas encore bricolé le CSS "nav1", il n'y a donc aucune instruction CSS, ce qui est aussi bien. Et le module de slide est réglé pil poil de la même taille que les images et pourtant le module prend toute la largeur de la page.
Merci de votre aide

[lomart]

Re : 2 modules sur une même position

Bonsoir,

Quitte à refaire le site, autant le faire en responsive avec bootstrap.
Il suffirait de mettre une classe span8 pour le slideshow et span4 pour le module à coté pour avoir une présentation comme sur le site actuel. Et sur smartphone, les modules serait l'un au-dessous de l'autre sur toute la largeur.

[fredjouan]

Re : 2 modules sur une même position

Salut et merci de ta réponse,
Ça m'arrangerait bien si tu pouvais m'en dire un peu plus car ça dépasse mon niveau de compétence !
Il faut utiliser templatecreator ou ça peut se bricoler en CSS ?

[fredjouan]

Re : 2 modules sur une même position

Bonjour lomart,
Suite à ton message et après quelques renseignements pris, j'ai tenté ça :

	<div class="container-fluid">
        <div class="row-fluid">
		<div id="[COLOR="#A52A2A"]slidelogo[/COLOR]">
            <div class="[COLOR="#A52A2A"]span8[/COLOR]"><jdoc:include type="modules" name="[COLOR="#A52A2A"]position-0[/COLOR]" style="xhtml" /></div></div>
			<div id="[COLOR="#A52A2A"]slidemodule[/COLOR]">
            <div class="[COLOR="#A52A2A"]span4[/COLOR]"><jdoc:include type="modules" name="[COLOR="#A52A2A"]position-2[/COLOR]" style="xhtml" /></div></div>
        </div>
    </div>

Et dans le fichier CSS :

#slidelogo > div.inner > .bannerlogodesc {
	display: block;
	color: #a3a3a3;
	width: 628px;
	text-align: center;
	height: 285px;
	font-size: 13px;
	background: #e2e2e2;
	font-family: Arial, sans-serif;

}

#slidelogo > div.inner {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;

}

#slidemodule {
	display: block;
	float: left;
	background-color: #e2e2e2;
	width: 372px;

}

#slidemodule > div.inner {
	height: 285px;

	padding: 0px;

}

… Sans succès.
Tu peux m'aider ?
Fred

[lomart]

Re : 2 modules sur une même position

Bonsoir,

Il ne me semble pas que ton template soit bootstrap. Les classes span4, span8 n'existe pas
Il faut partir du template protostar ou un autre mais bootstrap