[RÉGLÉ] Cadrage et trait

[alaincharles]

Bonjour,
J'utilise Joomla 25 et Gantry 4.0 avec l'extension Revolution slider et BgMax.
Sur mon site : http://id-koncept.wpe-imagine.fr/
Je n'arrive pas à aligner la barre du haut "header" et la barre du bas "copyright" avec l'image de fond de BgMax (erreur d'environ 1px).
BgMax n'offre pas de paramètres qui permet de régler le problème.
Ensuite je n'arrive pas à enlever le trait horizontal en bas.
Voilà le code que j'ai mis dans ma custom :

#rt-header .rt-container {
background: #56484F;
}
#rt-header {
background: white;
}

#rt-top-surround {
border: none;
box-shadow: none;
}
#rt-copyright .rt-container {
background: #56484F;
}
#rt-copyright {
background: white;
}
#rt-footer-surround .rt-copyright{
border: none;
border-top: none;
box-shadow: none;
}

Bien cordialement,
Alain

[lomart]

Re : Cadrage et trait

Bonjour,

Je n'arrive pas à aligner la barre du haut "header" et la barre du bas "copyright" avec l'image de fond de BgMax (erreur d'environ 1px).
BgMax n'offre pas de paramètres qui permet de régler le problème.

Sur votre site, bgmax n'est pas actif.
bgmax affiche une image sur l'intégralité du fond (body)
Rien ne vous empêche d'ajouter une règle css dans le code complémentaire du module pour modifier son comportement.

En ce qui concerne le trait blanc non désiré, il suffit de retirer le border-top de #rt-copyright dans le fichier master-xxx

[alaincharles]

Re : Cadrage et trait

Bonjour,
Sur la page "contact" de mon site www.wpe-imagine.fr, j'ssaye de supprimer les petits traits blanc, en appliquant vos rcommandations, mais je n'y parviens pas :
Ci-dessous ce que j'ai mis dans ma custom-gantry.css :

#rt-top .rt-container {
background: #FFFFFF;
}
#rt-top {
background: red;
}

#rt-header .rt-container {
background: #FFFFFF;
}
#rt-header {
background: red;
}
#rt-top-surround {
border: none;
box-shadow: none;
}
#rt-mainbody-surround .rt-container {
background: #FFFFFF;
}
#rt-mainbody-surround {
background: red;
}
#rt-copyright .rt-container {
background: #FFFFFF;
}

#rt-copyright {
background: red;
border-top: none;
box-shadow: none;
}
#rt-footer-surround .rt-copyright{
border: none;
border-top: none;
box-shadow: none;
margin-bottom: -10px;
}
Je ne comprends pas ce que vous voulez dire par : dans le fichier master-xxx
J'ai un problème avec la hiérarchie des balises.
Merci de votre aide,
Bien cordialement,
Alain

[lomart]

Re : Cadrage et trait

Je ne comprends pas ce que vous voulez dire par : dans le fichier master-xxx

Comme le fichier css est compilé, je ne connais pas son nom exact

Sinon, il y a aussi un trait dans #rt-drawer
Aidez-vous de firebug pour explorer votre site

[alaincharles]

Re : Cadrage et trait

Bonsoir,
En fait, j'avais repris votre phrase :
"En ce qui concerne le trait blanc non désiré, il suffit de retirer le border-top de #rt-copyright dans le fichier master-xxx"
et je pensais au vue de votre phrase que ce fichier était accessible.
En fait, la solution que j'ai trouvée et qui fonctionne, c'est de mettre la modification de la css dans le fichier custom-gantry.css
Pour le trait, je vais essayer de le supprimer de #rt-drawer.
Je me sers de Firebug, mais je démarre avec ce produit d'où mes difficultés à trouver la bonne zone.
Merci pour tout.
Bien cordialement,
Alain

[alaincharles]

Re : Cadrage et trait

Bonjour,
J'ai réglé pas mal de problèmes grâce à votre aide et aussi avec Firebug.
J'ai fait du ménage dans ma custom-gantry concernant mon site www.wpe-imagine.fr
Mais j'ai encore des soucis sur la page "réalisation" : je n'arrive à localiser la petite partie rouge en plein milieu au dessous du menu pour la supprimer.
Sur le plan des modifications, pour me permettre de bien voir mes modifications, j'ai utilisé le rouge et voilà ce que j'ai codé :
/* Gantry en largeur 960 : coder tout en rouge et remettre en blanc les "container" QUI FONCTIONNE */
#rt-top,#rt-header,#rt-maintop,#rt-mainbody-surround,#rt-footer,#rt-copyright
{
background: red;
}

#rt-top .rt-container,#rt-header .rt-container,#rt-maintop .rt-container,#rt-mainbody-surround .rt-container,#rt-footer .rt-container,#rt-copyright .rt-container
{
background: #FFFFFF;
}
/* Enlever les traits blancs et les ombres en partie extérieure pour les pages OFFRE, REALISATIONS et CONTACT QUI FONCTIONNENT ET QUI SONT OBLIGATOIRES */
#rt-drawer {
border : none;
box-shadow: none;
}
#rt-top-surround {
border: none;
box-shadow: none;
}
#rt-copyright {
border-top: none;
box-shadow: none;
}
#rt-maintop {
border: none;
box-shadow: none;
}
Je n'arrive pas à cerner la modification à apporter.
merci par avance,
Bien cordialement,
Alain

[lomart]

Re : Cadrage et trait

Bonjour,

cette partie est une partie du fond entre des blocs.
Le souci est que le bloc #rt-maintop qui a un padding-top de 20px contient des blocs nivo-slider-wrapper dont le style en ligne définit un margin-top de -44px qui masquent partiellement le padding parent.
Il faut supprimer le padding de #rt-maintop et ajuster en conséquence les margins et paddings enfants

[alaincharles]

Re : Cadrage et trait

Bonsoir,
OK, tout fonctionne très bien.
Merci encore.
Bonne soirée,
Alain