[RÉGLÉ] Rajouter une colonne dans un layout s'appuyant sur jat3 framework

[xoco]

Salut a tous,

Je travaille sur un template base sur le framework Jat 3.
J'ai actuellement une position slideshow qui prend toute la largeur du template, et j'aimerai rajouter une colonne a droite afin d y afficher un module ( nouvelle position : slideshow_right)

J'ai suivi un tuto.

Dans le fichier etc/layouts/default.xml, je rajoute la ligne :
<block name="blockbanner" type="modules" style="raw">slideshow_right</block>

<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
	<!--Extra css load for this layout-->
	<stylesheets>
	</stylesheets>
	<blocks name="top" style="xhtml">
		<block name="top-panel" type="modules" style="raw">top-panel</block>
		<block name="header" type="header"></block>
		<block name="mainnav" type="mainnav"></block>
		<block name="cpanel" type="usertools/cpanel"></block>
		<block name="topbar" type="topbar"></block>
		<block name="slideshow" type="modules" style="raw">slideshow</block>
		<block name="blockbanner" type="modules" style="raw">slideshow_right</block>
		<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
		<block name="topsl1" type="spotlight" main-inner="1">tabs,user5</block>
	</blocks>
	<blocks name="middle" colwidth="25" main-inner="1">
		<block name="content-mass-top">content-mass-top</block>
		<block name="content-mass-bottom">content-mass-bottom</block>
		<block name="right1">right</block>
		<block name="inset2">inset2</block>
	</blocks>
	<blocks name="bottom" style="xhtml">
		<block name="botsl" type="spotlight" main-inner="1">user6,user7,user8,user9</block>
		<block name="navhelper" type="navhelper"></block>
		<block name="botsl1" type="spotlight" main-inner="1">user10,user11,user12,user13</block>
		<block name="bottommenu" type="modules" style="raw" main-inner="1">user14</block>
		<block name="footer" type="footer" main-inner="1"></block>
	</blocks>
</layout>

Ensuite, je cree un fichier : blockbanner.php dans le dossier : blocks

<?php if($this->countModules('slideshow_right')) : ?>
<div id="slideshow_right">
	<jdoc:include type="modules" name="slideshow_right" />
</div>
<?php endif; ?>

et finalement je definis le style dans template.css

#ja-blockbanner {
	display: block;
	background: #f00;
	height: 100px;
	width:300px;
	}

Je vois bien apparaitre une zone rouge, mais je n'arrive pas a faire qu'elle tienne sur la meme ligne, elle apparait en dessous.
Est ce un probleme de position ou de css?
Je suis un peu perdu !
Merci d'avance

[Grand Schtroumpf]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

Bonjour,
dans ton CSS tu as modifié la largeur de ja-slideshow (ou du div qui traine par là) ?
Utilise Firebug sous Firefox pour voir ce qui se passe dans la page et les styles en jeu.

[xoco]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

Effectivement, je me rends compte que le style div#ja-slideshow.wrap mesure 1523 px ( ce qui devrait correspondre a width:100%)
Cependant la largeur utilisee est de 1020px.
Ne serait il pas plus facile de modifier les blocks?
Au lieu d'avoir un block:

<blocks name="top" style="xhtml">
		<block name="top-panel" type="modules" style="raw">top-panel</block>
		<block name="header" type="header"></block>
		<block name="mainnav" type="mainnav"></block>
		<block name="cpanel" type="usertools/cpanel"></block>
		<block name="topbar" type="topbar"></block>
		<block name="slideshow" type="modules" style="raw">slideshow</block>
		<block name="blockbanner" type="modules" style="raw">slideshow_right</block>
		<block name="topsl" type="spotlight" main-inner="1">user1,user2,user3,user4</block>
		<block name="topsl1" type="spotlight" main-inner="1">tabs,user5</block>
</blocks>

changer la ligne

<block name="slideshow" type="modules" style="raw">slideshow</block>

en blocks:

<blocks name="top" style="xhtml">
    <block name="slideshow" type="modules" style="raw">slideshow</block>
    <block name="blockbanner" type="modules" style="raw">slideshow_right</block>
</blocks>

Malheureusement, je n'arrive pas a le faire marcher, mes positions disparaissent !

Merci pour l'aide en tout ca, je sens que ca avance !

[Grand Schtroumpf]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

Bonjour,
je n'ai pas tout compris mais je ne vois pas pourquoi ça marcherait...

[xoco]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

hahaha ! Selon vous grand Schtroumpf, que manque il pour que cela fonctionne?
Ou alors quelle est la faille dans le raisonnement?
Je vais continuer de chercher, je ne pense pas etre tres loin de la solution!

[lefabdu51]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

pourquoi un dispaly block sur cette propriété? #ja-blockbannerSi j etait toi je testerais un display;inline sur cette propriété et sur le conteneur a gauche de celui ci...

[lefabdu51]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

je dit juste ca car c est la propriété des blocks, si tu n as pas la place alors celui qui est en surplus passe en dessous de l autre et tu ne peut rien faire pour eviter ca...La seula autre solution est de mattre une largeur de 60% pour le slideshow a gauche et 40% pour le silde show a droite (valaeurs a adapter a tes besoins)

[xoco]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

Perso, je galere avec le template Joomlart, je pense que le plus simple c'est de changer de template. ca fait 2 jours que je planche dessus, et ca ne s accomode toujours pas.

[xoco]

Re : Rajouter une colonne dans un layout s'appuyant sur jat3 framework

J'ai changé de template a Gavick et je suis tres content, tout est maintenant plus simple ! -1 pour Joomlart, et +1 pour Gavick!