Supprimer les marges gauche et droite de l'arrière-plan de la page 
Auteur : E-mage Concept
Visité 1182,
Followers 1,
Partagé 0
Bonsoir,
Quelqu'un a-t-il une idée ou un code pour supprimer les marges de gauche et de droite de l'arrière plan de la page ? Ce serait tellement plus simple de réaliser certaines mises en page en pleine page ET que celles-ci soient adaptatives.
En son temps, j'avais déjà émis l'idée qu'Incomedia propose dans les paramètres du logiciel de les enlever. Mais...
Merci
JJ
Posté le
Mobirise
JJ,
Tu dois pouvoir le faire par ce biais.
Enjoy!
Axel
Auteur
Slt Axel,
Oui, les options et gauche réduisent l'autre marge à zéro.
Mais ce n'est pas le cas pour l'option centrer. Les marges sont bien présentes et pas sur une valeur 0.
JJ
>> Étape 4 - Pages > Commandes Barre d’Outils et Grille > Fenêtre Style des Lignes |
Référence : Les commandes de la Section Général:
.
Auteur
KolAsim,
Sur 2 objets placés sur la même ligne, cela n'annule aucune marge, ni à gauche ni à droite !
Sur une image de fond, oui. Mais, en mode adaptatif, format Smartphone, un objet texte devant cette image devient illisible.
JJ
... ... oui, un seul object par ligne ... ciao
.
Auteur
Bjr,
Afin de modifier le tout avec un script, quelqu'un sait-il où trouver dans le code source le paramétrage de la structure du modèle/arrière-plan de la page : gauche, centrer, droite ? Je cherche, mais vain jusque maintenant. Merci
JJ
(It > Fr) ... gardez à l'esprit que je suis actuellement sans programme et même pas PC ...
... je vous propose une invention simple de la mienne il y a quelques années ...
1) ... dans la ligne étendue, insérez un seul objet de code HTML, également étendu pour toute la ligne;
2) ... dans cet objet, collez mon code html:
<div id="ConttenitoreK" style="position:absolute;width:100%; height:100%;overflow:hidden">
<div id="Cont_K1" style="float:left;width:50%;">
<img src="https://cdn.pixabay.com/photo/2016/11/06/22/58/horse-1804425__340.jpg" width=100% />
</div>
<div id="Cont_K2" style="float:left;width:50%;">
<img src="https://cdn.pixabay.com/photo/2017/10/31/09/15/point-to-point-2904683__340.jpg" width=100% />
</div>
</div>
... vérifiez l'aperçu, et le reste à faire vous le comprendrez par vous-même ...
... en un mot il faut remplacer les balises <IMG> par les balises IFRAME qui importent les pages HTML cachées associées, qui seront ainsi disposées des deux côtés
.
ciao
.
Auteur
Merci KolAsim, mais je veux pouvoir élargir aussi des objets texte, des boutons, etc. pas seulement des photos.
J'ai trouvé le code responsable à insérer dans le <HEAD>. Seulement, je n'arrive pas à trouver les bons paramètres.
--> Suppression de la marge d'arrière-plan à gauche
<style type="text/css">
#imPage { display: -ms-grid; display: grid; -ms-grid-columns: 0 1680px minmax(0, 1fr); grid-template-columns: 0 1680px minmax(0, 1fr); -ms-grid-rows: 150px auto 100px; grid-template-rows: 150px auto 100px; }
</style>
--> Suppression de la marge d'arrière-plan à droite
<style type="text/css">
#imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 1680px 0; grid-template-columns: minmax(0, 1fr) 1680px 0; -ms-grid-rows: 150px auto 100px; grid-template-rows: 150px auto 100px; }
</style>
--> Arrière-plan centré avec marge à gauche et à droite
<style type="text/css">
#imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 1680px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 1680px minmax(0, 1fr); -ms-grid-rows: 150px auto 100px; grid-template-rows: 150px auto 100px; }
</style>
--> Tout logiquement, supprimer les marges de gauche et de droite de l'arrière-plan, cela devrait donner ceci
<style type="text/css">
#imPage { display: -ms-grid; display: grid; -ms-grid-columns: 0 1680px 0; grid-template-columns: 0 1680px 0; -ms-grid-rows: 150px auto 100px; grid-template-rows: 150px auto 100px; }
</style>
MAIS CELA NE FONCTIONNE PAS ! Quelqu'un a-t-il une idée ? Merci
JJ
Auteur
Je précise que lorsque je n'active que l'affichage maximal dans l'aperçu, les marges sont bien absentes. Ce n'est que lorsque je clique une seconde fois sur le bouton pour passer en mode étendu qu'une marge à droite apparait. Hors, j'aimerais que le site soit responsive aussi en mode étendu.
... ou essayez d'utiliser l'objet Table, peut-être que cela pourrait être bien ...
.
ciao
.