Pied de page en HTML ou CSS

Letoiia -  
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour,

Je souhaite pouvoir positionner une image en bas de page lors d'une impression à partir d'une page HTML.
D'après ce que j'ai lu sur différent forum qu'en CSS 2 il était impossible de manager les entete et pied de page d'une page html.

Je souahiterai savoir si vous avez réussi une telle chose et si oui comment.

Je code php5, javascript, html et css2 mais suis ouvert à toute les solutions que vous me proposerez.

Je vous remercie de vos réponses et suggestion.

Bonne journée.

Leto II A
A voir également:

3 réponses

avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
J'ai pas très bien compris :

Tu veux qu'une image s'affiche lors de l'impression mais pas sur un écran ?

Si c'est bien ça, les codes que je t'ai donné fonctionne.

Mais l'erreur vient de moi : Tu dois utiliser une feuille de style (CSS) externe. Pour ça, crées un fichier ecran.css dans le même dossier que le fichier HTML et écrit ceci dedans :
.footer { display:none; }

Ensuite écrit ceci entre <head> et </head> (et efface le code CSS que tu as déjà mis) de font fichier HTML :
<link rel="stylesheet" type="text/css" media="screen" href="ecran.css" />
2
avion-f16 Messages postés 20367 Statut Contributeur 4 509
 
Bonjour,

ajoutes ceci quelque-part dans la page :
<img src="url_image.jpg" alt="" class="footer" />


Puis dans ton CSS :
.footer { display:none; }
0
Profil bloqué
 
tu vois ? c'est aussi simple que ça ^^

pour prendre des cours https://openclassrooms.com/fr/ ( enfin pour débuter)

bonne continuation ^^
0
avion-f16 Messages postés 20367 Statut Contributeur 4 509 > Profil bloqué
 
Mon ami Blue Shadow est toujours autant présent dans le fofo Webmastering lol

L'idée de Blue Shadow est pas si mal : Tu n'auras plus besoin de nous mais tu feras comme nous : Aider les gens sur CCM
0
Profil bloqué > avion-f16 Messages postés 20367 Statut Contributeur
 
lol ^^
Salut Avion F-16
0
Letoiia
 
Bonjour,

Merci à vous pour vos réponses mais...

Quand j'ajoute class="footer" et .footer{display:none;} ceci me fait disparaitre mon image pied de page au lieu de la mettre en pied de page justement.

D'autres idées ?

Leto II A
0