Pied de page de site internet

romano-infinity Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
romano-infinity Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Je débute au plus bas niveau les languages HTML et CSS pour créer un site internet proposant des conseils et tutoriaux pour Photoshop.

J'ai réussi à peu près jusqu'à maintenant grace au site du zéro à mettre en forme mon site, sauf....

Le pied de page !!

En effet, j'aimerai mettre une image en pied de page mais après de nombreux essais et quelques temps passés sur les forums je n'arrive pas (j'ai certainement du louper quelque chose !)

Enfin bref, je me retourne vers vous pour me dire comment je pourrais mettre cet image en pied de page, même si beaucoup d'autres questions me viennent en tête, ce sera pour plus tard !!

Voici mon code CSS:


body
{
width: 1480px;
margin: auto; /* Pour centrer notre page */
background-image: url("G:/Documents/Photoshop pour les zéros/bannière2.png");
background-repeat: no-repeat;
}

#en_tete
{
width: 760px;
background-image: url("G:/Documents/Photoshop pour les zéros/bannière2.png");
background-repeat: no-repeat;
}

#menu
{
float: left; /* Le menu flottera à gauche */
width: 130px; /* Très important : donner une taille au menu */
}

.element_menu
{
font-size: 17px;
font-family: verdana;
color: #c5c0f5;
background-image: url("G:/Documents/Photoshop pour les zéros/menu.png");
background-repeat: no repeat;
padding-left: 30 px;
padding-top: 2px;
padding-bottom: 15px;
text-align: center;
}

h2
{
color: rgb(39,71,145);
margin-left: 20px;

}

h3
{
color: rgb(39,71,145);
margin-left: 60px;
}

h4
{
color: rgb(39,71,145);
font-size: 17px;

}

em
{
color: rgb(39,71,145);
}

img
{
margin-left: 40px;
}

#corps
{
font-size: medium;
font-family: verdana;
margin-left: 150px; /* marge de gauche */
margin-top: 140px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
padding: 1px; /* marge intérieure */
}

#pied_de_page
{
float: bottom; /* Le menu flottera en bas */
}

.element_pied_de_page
{
font-size: 12px;
font-family: verdana;
color: rgb(39,71,145);
text-align: center;
background-image: url("G:/Documents/Photoshop pour les zéros/pied de page.png");
background-repeat: no-repeat;
}






Voilà, merci d'avance pour toutes vos réponses !

Romain
A voir également:

1 réponse

maronette1 Messages postés 17 Date d'inscription   Statut Membre Dernière intervention   7
 
Bonjour il n'ya pas la propriété float: bottom;
si tu veut que le pied de page colle en bottom tu fais plutôt :

#pied_de_page {

position: absolute;
bottom: 0px;
height: 100px;
width: 100%;
background: #000;

}
0
romano-infinity Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Salut, merci pour ta réponse mais en fait le pied de page ne se colle pas en bas de mon texte mais juste en bas de la page lorsqu'on l'ouvre (si tu vois ce que je veux dire) ce qui fait que lorsque l'on descend le curseur le pied de page se trouve en haut !
Et je ne peux toujours pas coller mon image :)
0