[Problème] Comment élargir ou créer une position avec taille et emplacement que je veux?

[mlamer]

Bonjour,
Mon problème est le suivant:



J'utilise le Template siteground-j16-37 et le module flexslider et j'aimerai:
1° avoir plus d'espace entre le menu (rajouté c'est IceMégamenu) et les articles ou autres choses en bas.
2° pousser à droite le bloc position 7 qui "mange" des morceaux...



J'ai rajouté dans le TemplateDétail.xml la ligne:
<position>component</position>

Puis dans index.php la ligne:
<jdoc:include type="modules" name="component"/>
</div>
Mais vous avez le résultat en première image.

J'ai testé un tas de positions ( top, top center, user 1, 2, 3, 4 ou 5...)
Avec le même résultat.

Je suis en localhost, mais je peux mettre en ligne (OVH) ceci dit mettre un site pas fini en ligne, j'aime pas.

A votre avis, que puis-je faire?
Merci d'avance

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Bonjour, Une partie réglée partiellement, en changeant de module.

Il y a maintenant SP Image Gallery. Du coup l'affichage en user 8, se fait bien ou il faut.
Par contre, impossible d'afficher le plein écran en cliquant sur une image...

Et toujours la position 7, à gauche qui n'est pas assez large pour afficher correctement le pavé de connexion...

Une solution?

le site est en ligne: www.chantegosier.fr

Merci.

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

up, personne pour m'aider?

[lefabdu51]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

elargir la colonne de gauche
fichier template.css ligne 83

.rightcol, .leftcol {
    margin-bottom: 0;
    margin-left: 6px;
    margin-right: 0;
    margin-top: 0;
    width: 250px;
}

ajuster la zone de contenu :
fichier template.css ligne 100:

.maincol_w_left .cont, .maincol_w_right .cont {
    width: 500px;
    padding: 10px;
    margin-top: 15px;
}

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Bonjour,

Merci de cette réponse. Ca élargit, oui, mais si je mets ça, l'article au lieu d'être à sa place, se retrouve sous le pavé de connexion...

Comment afficher tout le texte du mot connexion? J'ai essayer le module BT connexion, c'est pareil !



Je mets la copie d'écran de "quand je mets le code".
Y a t-il une autre solution pour voir ce mot "connexion"?

Merci.

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Personne ?

https://www.chantegosier.fr

J'ai un souci de largeur et je n'arrive pas à afficher comme il faut les photos...

[-Tony-]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Bonjour
Essaye en rajoutant ca :

fieldset.userdata {
width: 100%;
}
fieldset.userdata input.button, button {
width: 100%;
line-height: 0;
max-width: 110px;
float: left;
}

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Heu, merci, mais à quel endroit?
Template.css j'imagine, mais ou?

[-Tony-]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Tu n'as pas un fichier qui s'appelle custom.css dans les fichiers css ? Si oui c'est là (sinon tes modifs seront perdues lors de la mise à jour du template)
Sinon oui c'est dans template.css, il faut chercher dans le fichier.
Quand tu fait clic doit sur ton élément avec firefox->examiner l'élément tu as le nom du fichier css et la ligne.

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Non, pas de fichier custom, mais je ne ferais pas de mise à jour du Template...

Donc dans quelle ligne je mets le script?

[-Tony-]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Ligne 112 tu as :

fieldset.userdata {
width: 190px;
}

Tu remplaces par :

fieldset.userdata {
width: 100%;
}

Ligne 216 tu as :

fieldset.userdata input.button, button {
background: url("../images/but.png") repeat-x scroll center bottom transparent;
width: 56px;
height: 20px !important;
color: #63B0A2 !important;
border-radius: 5px;
margin: 4px 10px 0px 0px;
float: right;
}

Tu remplaces par :

fieldset.userdata input.button, button {
background: url("../images/but.png") repeat-x scroll center bottom transparent;
height: 20px !important;
color: #63B0A2 !important;
border-radius: 5px;
margin: 4px 10px 0px 0px;
}
button {
width: 56px;
float: right;
}
fieldset.userdata input.button{
width: 100%;
line-height: 0;
max-width: 110px;
float: left;
}

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Grand merci, c'est super, maintenant on voit le bouton "connexion"...
Il me reste plus qu'à trouver pourquoi les images ne s'affichent pas en slide show...

Grand Merci Tony.

[-Tony-]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

De rien, tu devrais rajouter ca aussi ca fera mieux (peu importe l'endroit dans template.css, juste rajouter)

.rightcol, .leftcol, .maincol_w_left .cont, .maincol_w_right .cont {
position: relative;
top: 30px;
}

[mlamer]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Encore merci, et pour les photos, t'as pas une solution?

Elles ne s'affichent pas...quand on clique dessus:

http://chantegosier.fr/index.php/2014-11-17-17-35-02/photos

[-Tony-]

Re : Comment élargir ou créer une position avec taille et emplacement que je veux?

Désolé mais non je ne peux pas t'aider là, je n'ai pas ce module slimbox...peut-être cherche dans ce module quelque chose de mal paramétré ?