centrer module position 12

[purjuju]

Bonjour,

Je suis en train de créer un site web www.sensaswing.com
Vous remarquerez que le module qui fait le slideshow en haut n'est pas centré

J'ai tenté de chercher partout sur le net mais je ne trouve pas un moyen de centrer ce module

Pouvez-vous m'aider s'il vous plait ?

J'ai essayé de comparer avec le template de démo :

http://www.linelab.org/demo-templates-joomla/?template=roundlab

J'ai essayé de voir ce que je peux faire avec une question similaire :

http://forum.joomla.fr/showthread.php?140586-Centrer-module-dans-position-user1

Je voulais ajouter une ombre comme dans le template de démo mais je n'y parviens pas non plus pourtant le tuto ci-dessous à l'air simple :

http://tutoriels-joomla.joomlack.fr/tutoriels-joomla/tutoriels-de-template/suffixe-de-classe-css.html

Mais je suis débutant.

Pouvez-vous m'aider s'il vous plait ??

Merci !

[purjuju]

Re : centrer module position 12

Il me semble qu'il y a qqch de bizarre ici dans le fichier index.php de mon template :

<div id="showcase">

<div class="showcaseimg">


<?php if ($slide == 1) { ?>

<jdoc:include type="modules" name="position-12" style="xhtml"/>

<?php } else { ?>

<img src="<?php echo $this->baseurl ?>/<?php echo $slidecontent; ?>" alt="" style="box-shadow: 0px 8px 8px rgba(117, 113, 98, 0.52);" />

<?php } ?>



</div>

</div>



et si je monte en haut du fichier pour aller voir $slidecontent

la ligne contient :

$slidecontent = $this->params->get('slideshow', '');
il ne manque rien ?

C'est pas par là que je dois régler mon shadow ?

Merci

[nano]

Re : centrer module position 12

Je pense qu'il faudrait que tu regarde plutôt vers ton fichier template.css en repérant le bout de code qui correspond à cette position.

[purjuju]

Re : centrer module position 12

Bonjour,

Je n'ai pas de fichier template.css j'ai un fichier style.css mais rien ne correspond à la position-12

Si tu veux fouiller dans le template lui-meme, voici le lien de l'archive :

http://www.linelab.org/templates-download?download=9:roundlab-joomla-16-template

merci pour ton aide.

Julien

[nano]

Re : centrer module position 12

Tes css de ta positon se trouve dans ce fichier "css/styles.css".
Et cette position correspond à la ligne 1:
html,body,div,span,applet,object,iframe,h1,h2,h3,h 4,h5,h6,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small, strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fields et,form,label,legend,table,caption,tbody,tfoot,the ad,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}

Essaye de jouer avec le padding ou margin

Cordialement

[nano]

Re : centrer module position 12

Non,désolé,çà risque de te bouger pas mal d'élément.
Oublie....

[nano]

Re : centrer module position 12

Alors peut être une autre idée.
J'essaye de t'aider avec mes maigres compétences. Donc tu essaye, si cela ne marche pas, tu supprime. Pense quand même à faire une copie de l'original de ton fichier "styles.css".

Donc dans ton fichier "styles.css" tu rajoute ceci tout en bas du fichier:

/* modif perso */

.showcaseimg {

background:transparent;
border:0;font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
outline:0;

}

Ensuite joue change par exemple le padding:0 par un padding-left:5px; et tu vois si ta position à bougé.

je suis sur de rien alors fais bien une copie de ton original avant.
Cordialement

[lefabdu51]

Re : centrer module position 12

dans ton fichier css,tu as le selecteur #pgsnivo-slider

Ajoutes la propriété margin:auto dans ce selecteur .

Si ca ne fonctionnes pas met la dans la classe .nivoSlider du meme fichier.
Je ne pense pas que la classe .nivoSlice soit utilisée pour ca.

J ai été sur ton site et ce sont les classes que m as indiqué firebug.

<div style="width: 900px; height: 230px; position: relative; background: url(&quot;/images/phocagallery/slideshow/thumbs/phoca_thumb_l_Swing-Dance-Workshop.jpg&quot no-repeat scroll 0% 0% transparent;" class="nivoSlider" id="pgsnivo-slider">
<img alt="Promo" src="/images/phocagallery/thumbs/phoca_thumb_l_promo.png" style="display: none;">


Pour ton effet d'ombre, il me faudrais le template afin que je teste.
Il vas surement falloir rajouter un div supplementaire et jouer avec les decalages..

[purjuju]

Re : centrer module position 12

@ Nano :

Merci pour ton aide, en fait ".showcaseimg" existait déjà alors j'ai ajouté padding-left:14px et voilà ma bannière centrée. Est-ce que c'est normal que je doive bricoler comme ça ?
J'ai testé l'affichage de mon site avec une résolution 1024 et IE8 (pour voir ce qu'il se passe dans le pire des cas ! lol) et ma bannière reste centrée, je craignais qu'elle bouge du fait que je centre "à la main".

@lefabdu51 :
Je n'ai rien trouvé de #pgsnivo-slider ou .nivoSlice dans mon fichier css...
Mais bon apparement le problème est réglé avec la solution de Nano.
En ce qui concerne l'effet d'ombre, voici le teplate complet : http://www.linelab.org/templates-dow...la-16-template
et en pièce jointe styles.zip mon fichier style.css si c'est de ça dont tu as besoin ?

Merci pour votre aide à tous !!

[nano]

Re : centrer module position 12

Est-ce que c'est normal que je doive bricoler comme ça ?

Je dirais que oui. Lorsque l'on créer pas soit même son propre template, on est forcement amené à modifier des éléments en fonction de nos besoins

L'essentiel est que tu as pu modifier cette position et j'en suis ravis

[purjuju]

Re : centrer module position 12

Et maintenant est-ce que tu peux m'aider à faire le shadow sous ma bannière ?

Merci !