[Résolu] Bloc colonne en pleine largeur
4 participants
Page 2 sur 3
Page 2 sur 3 • 1, 2, 3
Re: [Résolu] Bloc colonne en pleine largeur
Les codes de ce post , comme de tous les posts, sauf indication contraire, ne peuvent fonctionner QUE pour le site concerné.
Vous pouvez essayer de les comprendre pour vous en inspirer, mais il ne sert à rien de les copier coller !
Apparemment vous êtes parvenu à vos fins, puisque votre site semble fonctionner correctement ?
Vous pouvez essayer de les comprendre pour vous en inspirer, mais il ne sert à rien de les copier coller !
Apparemment vous êtes parvenu à vos fins, puisque votre site semble fonctionner correctement ?
Re: [Résolu] Bloc colonne en pleine largeur
Sur la page d'accueil, c'est bon mais pas sur la page "Réalisations" qui a le même soucis dans un élément en bas de la page.
Re: [Résolu] Bloc colonne en pleine largeur
Oui j'avais utilisé le même code, je n'ai pas enlevé les marges, je vais le faire
c:
c:
Re: [Résolu] Bloc colonne en pleine largeur
Merci !
ALors il reste des codes issus de Realia : ça ne peut pas convenir aux nouveaux design.
De plus, avec les nouvelles structures, je ne peux plus accéder aux CSS. ça va devenir impossible d'aider !
Je vois ça :
(en fait il vaut mieux tout enlever et recommencer de Zéro)
Le bandeau gris #cc-m-8803890099 que vous voulez en pleine largeur sera à 100% de large.
Son contenant devra aussi faire toute la largeur de la page (100%)
Le soucis, c'est qu'il est prévu pour donner une largeur aux autres éléments de la page.
Donc, il faudra restreindre la largeur des autres éléments en agissant sur leur marge.
Et une méthode consiste à ajouter des marges PROPORTIONNELLES (en pourcentage).
[Je dis bien UNE méthode, car on pourrait faire cela beaucoup plus simplement avec des flexbox, mais jimdo ne l'utilise pas trop, et je suppose qu'ils ont d'excellentes raisons]
Pour finir, il faudra mettre à zéro ou ajuster les padding et margin de tous les contenants modifiés.
ALors il reste des codes issus de Realia : ça ne peut pas convenir aux nouveaux design.
De plus, avec les nouvelles structures, je ne peux plus accéder aux CSS. ça va devenir impossible d'aider !
Je vois ça :
- Code:
#cc-m-11199582099 > div:nth-child(1){margin-left: -1000px;margin-right: -1000px;}
(en fait il vaut mieux tout enlever et recommencer de Zéro)
Le bandeau gris #cc-m-8803890099 que vous voulez en pleine largeur sera à 100% de large.
Son contenant devra aussi faire toute la largeur de la page (100%)
Le soucis, c'est qu'il est prévu pour donner une largeur aux autres éléments de la page.
Donc, il faudra restreindre la largeur des autres éléments en agissant sur leur marge.
Et une méthode consiste à ajouter des marges PROPORTIONNELLES (en pourcentage).
[Je dis bien UNE méthode, car on pourrait faire cela beaucoup plus simplement avec des flexbox, mais jimdo ne l'utilise pas trop, et je suppose qu'ils ont d'excellentes raisons]
Pour finir, il faudra mettre à zéro ou ajuster les padding et margin de tous les contenants modifiés.
Re: [Résolu] Bloc colonne en pleine largeur
Le reste du code venait peut être justement du bandeau du même type sur la page réalisation je viens de virer les marge dessus, mes compétences en code sont très limités j'ai galéré beaucoup avant de réussir a insérer du contenu çà l’intérieur de ces bandeaux lol
Re: [Résolu] Bloc colonne en pleine largeur
Oui je comprends en fait il faut modifier la source qui régit la largeur par défaut.
Il n'y a donc pas moyen de ofrcer la largeur juste pour ce bandeau ?
Il n'y a donc pas moyen de ofrcer la largeur juste pour ce bandeau ?
Re: [Résolu] Bloc colonne en pleine largeur
C'est une transformation qui demande des connaissances ou en tout cas une capacité d'analyse du code html assez poussée, à cause des différentes situations de largeurs de fenêtres prévues par Jimdo. C'est ce qui m'effraie un peu, vous vous lancez dans un truc risqué. (façon de parler : il suffit de supprimer le code si ça ne marche pas)
Le principe hyper schématisé : (en haut l'existant, en bas la transformation)
- On peut ajouter des marges auto plutôt que des %.
- Il faut prévoir toutes les largeurs de fenêtres et adapter le code via @media
Le principe hyper schématisé : (en haut l'existant, en bas la transformation)
- On peut ajouter des marges auto plutôt que des %.
- Il faut prévoir toutes les largeurs de fenêtres et adapter le code via @media
Dernière édition par FredVig le Mar 21 Juin 2016 - 14:33, édité 1 fois
Re: [Résolu] Bloc colonne en pleine largeur
et non, on ne peut pas forcer un élément à être plus large que son contenant, du moins sans devoir affronter les problèmes déjà soulevés depuis le début de ce post.
Re: [Résolu] Bloc colonne en pleine largeur
FredVig a écrit:Merci !
ALors il reste des codes issus de Realia : ça ne peut pas convenir aux nouveaux design.
Petite précision : Le code de Realia (premier post) fonctionne très bien avec certains designs responsive Exemple ici avec Miami. Avec d'autres, comme Rome, on l'a vu par la suite, ça donnait la même chose que sur le site de Julien hier avec Tokyo :
Si j'ai bien compris, Julien voudrait ça :
Actuellement, il a ça :
C'est cela Julien ?
Re: [Résolu] Bloc colonne en pleine largeur
C'est exactement ça, de plus mon bouton " me contacter " prend la largeur du fond du bloc
je n'arrive pas à insérer le code que j'ai pour l'instant pour vous montrer.
peut être parce que je suis nouveau membre ?
je n'arrive pas à insérer le code que j'ai pour l'instant pour vous montrer.
peut être parce que je suis nouveau membre ?
Re: [Résolu] Bloc colonne en pleine largeur
Oui, sur mon smartphone votre bouton est en pleine largeur et sans radius.
Ma ligne Internet est en panne depuis une semaine, le réparateur vient jeudi, je ne peux pas inspecter votre site avec mon ordi. Comment avez-vous inséré votre bouton ? Avec le module bouton ou en HTML ? L'image bleue, vous l'aviez bien mise en background d'un élément colonne ? Le module colonne, même en colonne unique, permet d'ajouter proprement des éléments à l'intérieur.
Pour votre difficulté à poster vos codes sur le forum, c'est probable...
Ma ligne Internet est en panne depuis une semaine, le réparateur vient jeudi, je ne peux pas inspecter votre site avec mon ordi. Comment avez-vous inséré votre bouton ? Avec le module bouton ou en HTML ? L'image bleue, vous l'aviez bien mise en background d'un élément colonne ? Le module colonne, même en colonne unique, permet d'ajouter proprement des éléments à l'intérieur.
Pour votre difficulté à poster vos codes sur le forum, c'est probable...
Re: [Résolu] Bloc colonne en pleine largeur
je l'ai crée via l'inspecteur web ( j'avais crée un autre bouton un peu plus haut avec le module bouton ) et je l'ai inséré sous mon code.
Re: [Résolu] Bloc colonne en pleine largeur
Je m'en doutais. Mettez-le normalement avec le module bouton (responsive) de Jimdo dans une colonne. Vous n'aurez plus ce désagrément sur smartphone
Re: [Résolu] Bloc colonne en pleine largeur
Oui mais j'aurais voulu qu'il soit intégré à mon bloc bleu
il sera placé en dessous si je passe par le module non ?
il sera placé en dessous si je passe par le module non ?
Re: [Résolu] Bloc colonne en pleine largeur
Si vous suivez les indications du topic en partant d'une colonne, votre bouton, vous pourrez le mettre à l'intérieur !Isa de Realia a écrit:Si je me souviens bien, il faut que les DIV concernées soient des éléments « colonnes »
Re: [Résolu] Bloc colonne en pleine largeur
Bonjour à toutes et à tous, j'ai beau chercher dans tous les sens, je n'arrive pas à intégrer mon bloc en pleine largeur, pourtant j'utilise maintenant le design Rome, en essayant de suivre les aides fournies pour Solie je n'arrive pas à les adapter...
Re: [Résolu] Bloc colonne en pleine largeur
j'ai réussi à avancer en insérant un code dans modifier le head
ainsi qu'un code dans widget
mais j'ai aussi la partie folle à droite qui dépasse lol
ainsi qu'un code dans widget
mais j'ai aussi la partie folle à droite qui dépasse lol
Re: [Résolu] Bloc colonne en pleine largeur
Personne pour m'aider s'il vous plaît ?
je suis repassé sur le thème rome, mais je n'arrive pas à régler ce problème
je suis repassé sur le thème rome, mais je n'arrive pas à régler ce problème
Re: [Résolu] Bloc colonne en pleine largeur
Proposition : laissez tomber cette modification de code (vraiment trop complexe).
Mettez votre bloc destiné à la pleine largeur dans la sidebar
Masquez le bloc avec du code sauf pour la page concernée :
#(identifiant du bloc){display:none;}
#(page ou doit apparaitre le bloc)#(identifiant du bloc){display:block!important;}
Mettez votre bloc destiné à la pleine largeur dans la sidebar
Masquez le bloc avec du code sauf pour la page concernée :
#(identifiant du bloc){display:none;}
#(page ou doit apparaitre le bloc)#(identifiant du bloc){display:block!important;}
Re: [Résolu] Bloc colonne en pleine largeur
si c'est vraiment compliqué je vais essayer autrement.
Je pensais passer par les templates matrix, savez-vous si un service équivalent français existe ?
en terme de tarif je veux dire
Merci en tout cas de votre réponse FredVig
Re: [Résolu] Bloc colonne en pleine largeur
Je ne connais pas de sites de template Jimdo, mais je sais que les experts passent du temps aussi à corriger des plug-ins ou d'anciens codes qui deviennent obsolètes avec les mises à jour…
Je pense qu'on peut réaliser énormément de choses avec les outils par défaut.
La solution que je vous propose réalisera votre objectif.
Elle ne peut convenir que si le bloc est le dernier du contenu, ça ne peut donc pas convenir pour n'importe quel élément.
Je pense qu'on peut réaliser énormément de choses avec les outils par défaut.
La solution que je vous propose réalisera votre objectif.
Elle ne peut convenir que si le bloc est le dernier du contenu, ça ne peut donc pas convenir pour n'importe quel élément.
Re: [Résolu] Bloc colonne en pleine largeur
D'accord
Je pensais copier ce fameux code et le répéter à plusieurs endroit différent sur le site
Est-ce qu'un autre design pourrait faciliter la chose ou pas du tout ?
Je pensais copier ce fameux code et le répéter à plusieurs endroit différent sur le site
Est-ce qu'un autre design pourrait faciliter la chose ou pas du tout ?
Re: [Résolu] Bloc colonne en pleine largeur
Oui, le design Miami est carrément compatible avec le code d'Isa de Realia. Pour l'adapter, il faut bien suivre ses recommandations; Utiliser le module colonnes et être capable de récupérer ses propres identifiants colonnes avec l'inspecteur. C'est assez simple.
Le cours de FredVig "Apprendre à Modifier le head" dans la rubrique Tutoriels vous donnera les bases nécessaires.
Le cours de FredVig "Apprendre à Modifier le head" dans la rubrique Tutoriels vous donnera les bases nécessaires.
Page 2 sur 3 • 1, 2, 3
Sujets similaires
» Modifier la largeur du corps du site
» élément colonne blocage sur largeur %(bug adblock)
» Problème d'affichage pleine largeur
» Slider pleine largeur (en milieu de page)
» Elargir le bloc de contenu
» élément colonne blocage sur largeur %(bug adblock)
» Problème d'affichage pleine largeur
» Slider pleine largeur (en milieu de page)
» Elargir le bloc de contenu
Page 2 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|