[Problème] Comment enlever le padding, margin et border d'un module ?

[MORADE]

Bonjour,

Quelqu'un pourrait -t-il m'indiquer svp comment enlever les bordures du module sur le site web (le right promo). Image de jacques prevert que je veux avoir dans les meme dimensions que le module à coté

Je vous mets le lien du site http://www.lyceemetierscombs.net/

et une capture d'écran

Merci bcp.
Mourad

[manu93fr]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour,
il suffirait peut etre juste avoir l'image avec des dimensions plus grande.
Si c'est une position de module, y mettre un module personnalisé avec l'image

[MORADE]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour,
il suffirait peut etre juste avoir l'image avec des dimensions plus grande.
Si c'est une position de module, y mettre un module personnalisé avec l'image

Merci de votre réponse, Ce n'est pas l'image. j'ai essayé plusieurs dimensions. C'est le module qui la contient qui a des bordures que je n'arrive pas à trouver pour modifier

Mourad

[pmleconte]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour,

Je pense que cela se passe au niveau de votre template (JSN Epic pro).

J'ai essayé avec la version Free, mais, je n'ai pas accès à la fonction Responsive dans l'onglet 'Réglage disposition". Je pense que cela devrait résoudre une partie de votre problème.

J'ai essayé avec le mode Flottant et les images s'adaptent déjà un peu mieux.

Sinon, le margin qui semble vous gêner est (en version Free) dans template.css en ligne 563 et suivantes:
#jsn-pos-promo-left div.jsn-modulecontainer,
#jsn-pos-promo-right div.jsn-modulecontainer {
margin: 15px;
}
que vous pouvez modifier selon vos souhaits.

Pascal

[pmleconte]

Re : Comment enlever le padding, margin et border d'un module ?

Sinon, je suis d'accord avec manu93Fr, votre image est trop petite dans son module personnalisé.

J'ai essayé sur un écran en 1024, Jacques Prévert disparaît sous le collège.

J'ai ensuite essayé avec Responsinator: http://www.responsinator.com/?url=ht...rscombs.net%2F, ce n'est pas bien beau.

Pascal

[PhilJ]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour,


+1 avec Pascal : avec un écran 1024 px, la photo de droite n'a plus de place pour s'afficher. Le problème est dû au diaporama, qui définit les dimensions « en dur » (= avec des valeurs numériques). Ainsi, avec un écran 1024, la largeur utile du template est de 960 px. Or, les images du diaporama s'imposent avec une largeur de 900 px. Il est dès lors évident que Jacques Prévert ne peut pas s'afficher.

=> Un correctif CSS s'impose pour rétablir l'égalité des chances . Essayez d'ajouter ceci dans /templates/jsn_epic_pro/css/styles/custom.css :

.box_skitter.jsn-themeslider-gallery.jsn-themeslider-skitter-BRPQR {

height: auto !important;
width: 100% !important;

}

[papounet]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour Morade,

Voici le code html encadrant ton image :

<div id="jsn-pos-promo-right" class="span3 order2 ">
  <div class=" jsn-modulecontainer">
    <div class="jsn-modulecontainer_inner">
      <div>
        <div>
           <div class="jsn-modulecontent">
             <div  >
                <p style="text-align: justify;">
                   <img style="border: initial;" src="/images/JACQUESPREVERT/jacquePrevert.PNG" alt="jacquePrevert" width="172" height="173" />&nbsp;
                  </p>
                  <p>&nbsp;</p>
             </div>
             <div class="clearbreak"></div>
         </div>
       </div>
     </div>
   </div>
</div> 

Voici le code CSS à coller dans dans ta feuille de style:

/* Supprimons le padding et le margin sur toutes les balises html */
div#jsn-pos-promo-right,
div#jsn-pos-promo-right * { padding: 0; margin: 0; }

/* Adaptons l'image à la taille du container principal */
div#jsn-pos-promo-right img {
  width: 100%;
  height: auto;
} 

Je n'ai pas testé, mais ça va le faire.
Dans le cas contraire ne pas hésiter à faire signe si tu as besoin pour donner plus de poids à ces règles css.

Bonne continuité

Papounet
Expert en CSS

[MORADE]

Re : Comment enlever le padding, margin et border d'un module ?

Bonjour à tous. Je vous remercie tous pour vos réponses et votre sympathie. Je vais essayer vos propositions et je vous tiens au courant.

Bonne journée à tous.
Mourad

[papounet]

Re : Comment enlever le padding, margin et border d'un module ?

Alors ???

[MORADE]

Re : Comment enlever le padding, margin et border d'un module ?

Alors ???

J'ai essayé les différentes combinaisons mais ça ne marche toujours pas

En fait dans mon css, j'ai deux fichiers template et template_pro .

Je suis également embêté par l'image TOP car le template ne me laisse pas le choix d'écrire le nom de l'établissement (Il faut que ça soit une image) et j'aimerais supprimer celà également car l'image ne s'adapte pas bien sur tous les écrans.

Merci de votre patience avec moi
Merci d'avoir demandé.

[PhilJ]

Re : Comment enlever le padding, margin et border d'un module ?

J'ai essayé les différentes combinaisons mais ça ne marche toujours pas

Ma suggestion ciblait de façon trop étroite. Essayez plutôt :

.box_skitter.jsn-themeslider-gallery,
.container_skitter {

height: auto !important;
width: 100% !important;

}

...et (chose que je n'avais pas remarqué antérieurement) : utilisez des images ayant exactement les mêmes dimensions. C'est essentiel ici afin de ne pas avoir un diaporama « dansant ».



Cordialement,

[MORADE]

Re : Comment enlever le padding, margin et border d'un module ?

Ma suggestion ciblait de façon trop étroite. Essayez plutôt :

.box_skitter.jsn-themeslider-gallery,
.container_skitter {

height: auto !important;
width: 100% !important;

}

...et (chose que je n'avais pas remarqué antérieurement) : utilisez des images ayant exactement les mêmes dimensions. C'est essentiel ici afin de ne pas avoir un diaporama « dansant ».



Cordialement,

Merci bcp. Je vais tester .

Bonne journée et encore merci.
J'ai réglé l'image du logo et les espaces (paddings entre différents modules). Il ne reste donc que celui là. On va y arriver. Merci à tous. Je vous tiens au courant !

[manu93fr]

Re : Comment enlever le padding, margin et border d'un module ?

Je pense que c'est une mauvaise idée d'avoir rajouter l'image N&B sur le slide ... d'ailleurs elle est déformée

[MORADE]

Re : Comment enlever le padding, margin et border d'un module ?

Je pense que c'est une mauvaise idée d'avoir rajouter l'image N&B sur le slide ... d'ailleurs elle est déformée

Oui je trouve aussi. Je l'ai modifié.