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 -
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
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:
- Pied de page de site internet
- Site de telechargement - Accueil - Outils
- Impossible de supprimer une page word - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
Et je ne peux toujours pas coller mon image :)