Probleme d'image avec flask

Fermé

anicet - 22 mai 2022 à 19:22
aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022 - 24 mai 2022 à 12:42

Bonsoir, j'arrive pas a mettre une image de fond avec flask via du code css que voici :

entete2="""
<!DOCTYPE html>
<html>
  <head>
        <meta charset="utf-8">
        <title>Page2</title>
        <style>
        h1{text-align: center;}
        body {"background-image=url(images/image_hacker.jpg)" }
        </style>
  </head>
  <body>
        <h1>Bienvenue sur l'escape game !</h1>

"""

basdepage2="""
   </body>
</html>
"""

et le code flask concerné :

@app.route('/vraidebut', methods = ['POST']) # Ici on précise la méthode d'envoi des données (GET ou POST)
def resultat():
    resultat = flask.request.form # On récupère le résultat de la requête sous forme de dictionnaire

    # on récupère le nom et le prénom, ce sont des entrées du dictionnaire
    p = resultat['mdp']
    if p == 'ELMDPPALS':
        page=entete2
        page+=basdepage2
        return page
    else:
        return "<p>Bonjour \n" "acces refusé</p>"

    # On renvoie la réponse

app.run(debug=True)

Pouvez vous m'aider ?
Merci

A voir également:

How to add background image in html flask
How to change qwerty to azerty - Guide
Image iso - Guide
Editeur html - Télécharger - HTML
Acronis true image - Télécharger - Sauvegarde
Br html ✓ - Forum Webmastering

10 réponses

Réponse 1 / 10

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 Ambassadeur 1 551
22 mai 2022 à 20:04

bonjour,
as-tu testé ta page html, hors flask?

Réponse 2 / 10

anicet
22 mai 2022 à 21:03

oui et ça marche très bien

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
22 mai 2022 à 21:27

peux-tu alors montrer la page html qui marche très bien,
et le code source html qui ne marche pas?

Réponse 3 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
22 mai 2022 à 21:37

d'accord voici un screen avec le code seulement en html :

et voici le meme code mais avec flask qui ne marche pas du coup :

entete2="""
<!DOCTYPE html>
<html>
  <head>
        <meta charset="utf-8">
        <title>Page2</title>
        <style>
        h1{text-align: center;}
        body {"background-image=url(images/image_hacker.jpg)" }
        </style>
  </head>
  <body>
        <h1>Bienvenue sur l'escape game !</h1>

"""

basdepage2="""
   </body>
</html>
"""

@app.route('/vraidebut', methods = ['POST']) # Ici on précise la méthode d'envoi des données (GET ou POST)
def resultat():
    resultat = flask.request.form # On récupère le résultat de la requête sous forme de dictionnaire

    # on récupère le nom et le prénom, ce sont des entrées du dictionnaire
    p = resultat['mdp']
    if p == 'ELMDPPALS':
        page=entete2
        page+=basdepage2
        return page
    else:
        return "<p>Bonjour \n" "acces refusé</p>"

    # On renvoie la réponse

app.run(debug=True)

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
22 mai 2022 à 21:45

je voudrais vois les deux variantes du code source html, pas des images ni du code python.
https://support.google.com/surveys/answer/6172725?hl=fr

Réponse 4 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
22 mai 2022 à 22:34

je vous envoie le code source de la page qui marche juste html.

*<!DOCTYPE html>
<html>
  <head>
        <meta charset="utf-8">
        <title>Page2</title>
        <style>
        h1{text-align: center;}
        body {background-image: url("images/image_hacker.jpg"); }
        </style>
  </head>
  <body>
        <h1>Bienvenue sur l'escape game !</h1>
   </body>
</html>

C'est exactement le meme que dans "entete2" + "basdepage2"

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
23 mai 2022 à 08:58

Et le code source de la page qui ne fonctionne pas?

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
23 mai 2022 à 11:03

Ce code fonctionne tres bien mais des que je le passe en python pour l'executer avec flask, il ne marche plus.

Réponse 6 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
23 mai 2022 à 11:05

En fait c'est un probleme directement lié a l'image parce que si je change le "background-image" en background-color", le code s'execute tres bien avec flask

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
23 mai 2022 à 11:35

Dans les deux cas, le résultat s'affiche via un navigateur?
As-tu récupéré les deux sources html via ce navigateur, comme expliqué en #5?

Réponse 7 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
23 mai 2022 à 11:37

les codes sources des pages html et via flask sont les memes

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
23 mai 2022 à 11:44

c'est surprenant que le navigateur réagisse différemment à deux pages identiques...

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551 > yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024
23 mai 2022 à 11:57

et en mettant l'url complet de l'image?
les urls des deux pages sont-ils identiques (à part le nom du fichier)?

Réponse 8 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
23 mai 2022 à 11:38

je suis allé les voir comme indiqué en #5

Réponse 9 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
23 mai 2022 à 13:44

oui elles sont identiques

yg_be Messages postés 23340 Date d'inscription lundi 9 juin 2008 Statut Contributeur Dernière intervention 21 novembre 2024 1 551
23 mai 2022 à 18:13

Est-ce un site accessible par Internet, que nous pouvons tester?

Réponse 10 / 10

aanicet14 Messages postés 10 Date d'inscription samedi 14 mai 2022 Statut Membre Dernière intervention 24 mai 2022
24 mai 2022 à 12:42

non il n'est pas hebergé

Discussions similaires

Message au démarrage« Press Esc in 1 second to skip startup.nsh " msi porta

[URGENT] Que veut dire prise (AUX IN)?

Que veut dire " in da place " ?

Avis site DECO IN PARIS decoinparis.com (lina sofas)

Mb en Mo conversion et différence