Connexion à votre interface Wifeo
X
Nom d'utilisateur :
Mot de passe :


Mot de passe oublié ?

Pas encore inscrit ? Créez votre site gratuitement !
Connexion
 FERMER LE MENU


Menu du forum :

Accueil du forum

Derniers messages

S'inscrire au forum

Se connecter au forum

Mot de passe oublié

Menu général de Wifeo :

Accueil de Wifeo

Connexion

Créer un site

Nouveautés Wifeo

Blog

Forum

Boite à outils

Documentations

Mise en page de vos pages > Etirer image sur toute la page

Connectez-vous au forum     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite

Etirer image sur toute la page

Répondre
La question
Posté le 28 Août à 1:07
canvas

363 messages
Inscrit le 17/1/2008
Bonjour, J'ai crée un tableau sur ma page d'accueil. Et sous ce tableau je souhaite y insérer une image qui s'étirerait sur toute la surface de la page (pas juste le corps mais bien la totalité de la largeur). J'ai donc étiré cette image seulement, le fait d'avoir étiré cette image étire également mon tableau et du coup il se retrouve totalement à gauche. Je ne comprends pas car les deux éléments sont indépendants...
Comment faire pour avoir cette image qui fasse toute la largeur tout en conservant mon tableau au milieu de ma page?
Merci pour votre aide
Canvas

Voir mon site

 
Navigateur utilisé : Firefox

 
Posté le 28 Août à 9:16
gabriel-support

Bonjour,

Effectivement si l'image est dans le corps, le fait d'étirer l'image étirera le corps aussi.

Mais je vois ce que vous souhaitez faire. Cela sera prochainement possible avec la nouvelle génération des designs Wifeo

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 29 Août à 10:36
canvas

363 messages
Inscrit le 17/1/2008
Bonjour,
Merci de votre réponse... Il semblerait que je sois un peu trop en avance !)
Vivement la nouvelle génération design Wifeo alors!
Bonne journée à vous
Canvas

 
Navigateur utilisé : Firefox
 
Posté le 14 Septembre à 16:39
Bonjour,

Juste pour info, est-il possible de créer cela avec du css ou js ou cela n'est-il pas du tout faisable pour le moment?
Si c'est une question de code peut-être que cela est malléable à souhait
Merci de votre aide
Canvas

 
Navigateur utilisé : Firefox
 
Posté le 19 Septembre à 14:32
Bonjour,

Pas d'idée si cela est faisable avec du css?

Merci de votre réponse

Canvas

 
Navigateur utilisé : Firefox

 
Posté le 19 Septembre à 18:35
gabriel-support

Bonjour,

a priori si vous êtes en édition libre pour le design vous pouvez faire du 100%. Mais il est nécessaire de maitriser au minimum le CSS et le html sinon cela sera compliqué

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 20 Septembre à 19:23
canvas

363 messages
Inscrit le 17/1/2008
Bonjour Gabriel,
Merci beaucoup pour la réponse... Je vais tester????
J'ai déjà inséré du css ... Et je trouve ça super intéressant ...
A voir si j'y arriverai... Ou pas.lol
Bonne soirée
Canvas

 
Navigateur utilisé : Int. Explorer 11

 
Posté le 20 Septembre à 21:45
gabriel-support

Bonsoir,

Le CSS c'est très simple, il faut juste avoir un peu de patience, aimer un peu bricoler (ou cuisiner) et tester en lisant quelques tutos sur internet

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 29 Septembre à 16:17
canvas

363 messages
Inscrit le 17/1/2008
Bon et bien ce sera "ou pas"!!lol

J'ai beau essayer et essayer différents codes, à chaque fois cela ne va pas. Et lorsque cela fonctionne, tout mon site est décalé. Pourtant je ne dois pas être loin du but mais bon ...
Là j'ai essayé ce css:
   SCRIPT
.imageresponsive
{
width:100%;
height: 400px;
background-image: url https://i.pinimg.com/736x/a9/d1/3a/a9 [...] c18c4.jpg);
background-repeat: repeat-xy;
opacity:0.5;
padding-top: 10px;
}

mais cela crée des dissonances. Bref galère galère...

J'ai tout de même hâte que vous mettiez cela en place, ça amènera de la modernité et cela sera beaucoup plus simple! (surtout quand on est pas informaticien

 
Navigateur utilisé : Firefox

 
Posté le 29 Septembre à 20:39
gabriel-support

Bonjour,

Effectivement cela sera un gros plus pour vos designs. Je penses que vous aurez des nouvelles sur le sujet prochainement

Auriez vous un exemple de page sur laquelle est placé ce CSS ? (si ce n'est pas trop complexe je pourrais peut-etre vous donner des pistes )

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 30 Septembre à 18:48
canvas

363 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

J'ai testé de nouveau mais il ne s'affiche toujours seulement que sur le 100% du body. Pourtant quand je le teste avec edit fiddle il s'adapte... je ne comprends pas... "les mystères du coding"

Vous pouvez jeter un oeil sur ma page index au niveau du 1er parcours artistique et le css c'est 1061_image-largeur-100.

Pour voir ce que cela doit donner vous pouvez regarder: https://jsfiddle.net/3dfzq8pv/


Par contre j'avais une autre question car j'ai remarqué que lorsque je modifie un fichier css déjà crée, je suis à chaque fois obligé de créer un autre fichier avec les modifications car même en enregistrant le 1er fichier avec les modifications, celui-ci ne les prend pas en compte.
Par exemple, dans mon fichier css image large 100 lorsque je modifie l'image , si je visualise mon site à la suite du changement et bien celui-ci n'est pas pris en compte. Je suis donc obligée de tout enregistrer dans un nouveau fichier et là ca fonctionne... est-ce normale? Y a t il quelque chose à faire en plus?

merci pour vos réponses

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 30/9/2017 à 21:20:17.

 
Posté le 1 Octobre à 11:00
gabriel-support

Bonjour,

C'est effectivement peut-etre l'origine du problème. Lorsque vous avez un fichier CSS, il est ensuite gardé en cache dans le serveur et dans votre navigateur. Il font donc attendre un certain délai pour que la modification soit visible (le temps que ces "caches" se renouvellent).

La solution est de versionner les fichiers CSS en mettant ?v1, puis ?v2, etc... dans l'adresse à la suite du ".css".

Du coup l'adresse change, et les modifications sont prises en compte tout de suite.

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 1 Octobre à 11:18
canvas

363 messages
Inscrit le 17/1/2008
Ok d'accord! Je ferai ça désormais...
Par contre l'effet d'image sur toute la page ne se met pas en action.
Elle se trouve sur la page index, au niveau de "parcours artistique" et le css est : image-large-xl
Je ne vois pas ce qu'il manque à mon code pour que le background soit sur toute la largeur. J'ai mis un background-size: cover.
Merci de votre aide

Je vous souhaite un bon week-end

 
Navigateur utilisé : Firefox

 
Posté le 1 Octobre à 19:13
gabriel-support

Bonsoir,

D'accord, je n'avais pas compris sans l'exemple concret

Il y a un conteneur sur ta page, qui ne permet pas de faire du 100%. Il doit être à 1250 px maximum.

Actuellement vous pourriez être à 100% en passant en design expert.

Sinon le 100% est un sujet sur lequel nous travaillerons prochainement, nous aurons à ce moment des réponses à apporter à cette problématique (je reviendrais vers vous à ce moment).

 
Navigateur utilisé : Chrome

- Réagissez à l'actu de Wifeo : facebook.com/wifeo
- Suivez l'actu de Wifeo : twitter.com/wifeo_news


 
Posté le 2 Octobre à 10:59
canvas

363 messages
Inscrit le 17/1/2008
Bonjour Gabriel,

Merci pour votre réponse, je comprends mieux.

Je vais tout de même faire d'autres essaies sur une simple image (là je n'ai pas encore réussi) car cela ne me va pas de ne pas y arriver...

J'ai hâte de voir ces nouvelles fonctions actives dans l'éditeur

En tout cas merci de votre patience...

 
Navigateur utilisé : Firefox
 
Dernière modification du message le 2/10/2017 à 10:59:50.

 
Poster une nouvelle réponse
Connectez-vous au forum pour pouvoir répondre     Pas inscrit au forum ? Inscrivez-vous !
Nom d'utilisateur : Mot de passe :
Se connecter automatiquement à chaque visite
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES