Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Marges différentes selon écrans ?

Marges différentes selon écrans ? 06 Apr 2019 21:43 #52062

Salut,
J'ai réglé des largeurs pour le texte qui sont bien adaptées aux grands écrans (le texte occupe 90% de la largeur).
Mais sur mobile j'aurais besoin d'en occuper davantage : par où faut-il passer pour faire ça ?

(je pourrais laisser courir mais ça fait passer sur deux lignes les logos que j'ai en bas à droite de mon footer, c'est vraiment très moche.)

Merci d'avance !

Please Log in or Create an account to join the conversation.

Il n'y a que celui qui a honte d'apprendre qui a peur de demander
Last edit: by FlodAriege. Reason: Réglé : il faut régler la largeur sur 95% et le design de la page sur FLUIDE

Marges différentes selon écrans ? 07 Apr 2019 07:48 #52066

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21393
  • Karma: 427
  • Thank you received: 2703
Salut
tu peux aller dans la partie Responsive >> custom css >> écrire tes règles pour agir sur les éléments que tu veux, pour les résolutions données
CEd

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Marges différentes selon écrans ? 14 Apr 2019 14:14 #52194

Merci.
J'ai bien tenté de saisir un :
.container, .tck-container {
    width: 95%;
}
dans le custom css sous la partie Responsive, mais ça reste sans effet. Et bizarrement quand j'y retourne, je ne retrouve pas mon code. J'ai pourtant enregistré et fait Actions / copier-appliquer les changements.

Du coup j'ai fouillé ton css via l'inspecteur, et ai vu que dans mobile.css, tu fixes des largeurs en pixels, comme par exemple :
@media screen and (max-width: 524px) {
.tck-container {
	width: 292px;
}}

Si je désactive cette règle, ça semble améliorer l'affichage (en tout cas sur mon petit iphone 7), mais ça me chiffonne car je me dis que si tu as pris le parti de régler cette largeur en pixels, et pas en %, c'est qu'il doit bien y avoir une raison...
Laquelle ?

Please Log in or Create an account to join the conversation.

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Marges différentes selon écrans ? 14 Apr 2019 17:35 #52198

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21393
  • Karma: 427
  • Thank you received: 2703
lorsque tu es dans la partie responsive, il faut d'abord que tu fermes le panneau gauche avant de faire le reste, sinon les modifs ne sont pas prises en compte (petit effet de bord que je devrais régler)

en mode mobile, tu as 1px de ta résolution qui équivaut à 1px du téléphone (on ne parle pas ici de résolution d'écran du téléphone). 292px correspond à la taille d'un écran de téléphone en mode portrait. Cette valeur tu peux la régler dans les options responsive

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Marges différentes selon écrans ? 08 May 2019 15:13 #52439

Bonjour,

ced1870 wrote: lorsque tu es dans la partie responsive, il faut d'abord que tu fermes le panneau gauche avant de faire le reste, sinon les modifs ne sont pas prises en compte (petit effet de bord que je devrais régler)


Je n'arrive pas à comprendre (ou à faire) ce que tu conseilles de faire.

Je clique sur Responsive design dans la barre du haut
Puis sur Custom CSS pour responsive en bas de la colonne gauche

Mais si ensuite je clique sur :
- "< Fermer" (en haut à gauche de l'écran principal des custom css)
- ou sur la coche à droite du titre Responsive dans la colonne gauche
... dans un cas comme dans l'autre ça ferme l'accès au custom css

Comment dois-je procéder pour que ces css soient prises en compte ?

Merci

Please Log in or Create an account to join the conversation.

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Marges différentes selon écrans ? 09 May 2019 18:22 #52453

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21393
  • Karma: 427
  • Thank you received: 2703
ok c'est bon, ensuite tu as fait "Actions >> copier les changements" ?

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Marges différentes selon écrans ? 18 May 2019 14:25 #52583

Salut,

Je pense avoir compris ce que tu voulais dire : faire les modifs dans le css responsive, puis fermer le panneau de gauche avant de faire actions / copier changements.

Je ne peux pas vérifier, car j'ai finalement réglé mon petit souci autrement : j'ai commenté les lignes de mobile.css qui affectaient une largeur en pixels à tck.container pour les écrans inférieurs à 950 pixels :
758 pixels pour des écrans jusqu'à 950 pixels (soit des marges droite et gauche jusqu'à 96 pixels sur les écrans de 950 pixels)
524 pixels pour les écrans jusqu'à 758 pixels (marges jusqu'a 117 px)
292 pixels pour les écrans jusqu'à 524 pixels (marges jusqu'à 116 px)

Ça semble fonctionner, et ne pas provoquer d'effet indésirable, en tout cas jusqu'ici.

Merci.

Please Log in or Create an account to join the conversation.

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Marges différentes selon écrans ? 19 May 2019 08:01 #52589

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21393
  • Karma: 427
  • Thank you received: 2703
si tu édites le fichier mobile.css directement, il sera écrasé dès que tu vas mettre à jour le template depuis template creator ...

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Marges différentes selon écrans ? 19 May 2019 17:37 #52595

Oui, je sais bien, mais je n'ai pas assez de maîtrise du CSS pour savoir comment écrire une ligne qui dise "ne pas tenir compte de la largeur indiquée". S'il s'était juste agi de modifier la largeur, je l'aurais écrit dans mon custom.css, mais là, j'avoue ne pas savoir faire.
Si tu as une suggestion à me faire, je suis preneuse;)

Please Log in or Create an account to join the conversation.

Il n'y a que celui qui a honte d'apprendre qui a peur de demander

Marges différentes selon écrans ? 20 May 2019 07:37 #52601

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 21393
  • Karma: 427
  • Thank you received: 2703
donne moi l'url de ta page que je jette un oeil

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
  • 2
Time to create page: 0.250 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 286 guests and one member online