A voir également:
- Deux éléments en pied de page.
- Supprimer une page word - Guide
- Mettre google en page d'accueil - Guide
- Calcul km marche à pied gratuit - Télécharger - Sport
- Deux ecran pc - Guide
- Photoshop elements gratuit - Télécharger - Retouche d'image
7 réponses
LelLex
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
112
14 avril 2010 à 01:10
14 avril 2010 à 01:10
Tu peux expliquer : " Je veux qu'ils soient vraiment collé au pied de la page dans toute les résolutions possible " ?
Bien j'aimerais que les éléments du pied de page soient en pied de page lol.
C'est-à-dire le "copyright" ainsi que le lien le précédant.
C'est-à-dire le "copyright" ainsi que le lien le précédant.
Je cherche à faire un pied de page qui soit un réel footer, à savoir basé sur le bas de la fenêtre - et non pas à la suite du contenu de la page web. Bref que le message soit toujours en bas quel que soit la taille de la fenêtre..
bg62
Messages postés
23703
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
2 avril 2025
2 399
14 avril 2010 à 12:24
14 avril 2010 à 12:24
"sous toutes les résolutions possibles " = le design de base DOIT être extensible !
:)
:)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
LelLex
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
112
14 avril 2010 à 13:34
14 avril 2010 à 13:34
C'est ce que je voulais te proposer :
html,body{hieght:100%}
html,body{hieght:100%}
J'ai bidouillé un ptit bout de code mais sa n'a pas l'air de fonctionner:
J'ai appliquer une valeur "bloc" à la classe: "pied" width et height pour pouvoir le centrer sur la page.
J'ai ensuite utiliser left: 50%, et j'ai voulu utiliser le margin-right: 150px; (300/2=150) pour centrer le tout correctement mais avec un margin-right le bloc ne bouge pas alors qu'à l'inverse (margin-left) sa fonctionne oO.
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333;
}
.contenant {
padding-bottom: 80px;
}
.pied {
position:absolute;
bottom:0;
width:300px;
height: auto;
right: 50%;
padding-left: 300px ;
}
-->
</style>
<center><div class="pied">
<p class="vu"><p><a href ="http://peexstudio.fr/fr/accueil.html">Section Test</a>
<p>Copyright Peexstudio © 2007 - 2009 | Tous droits réservés</p>
</p><!-- fin vu -->
</div><!-- fin pied -->
<!-- fin du conteneur principal -->
</div>
</center>
J'ai appliquer une valeur "bloc" à la classe: "pied" width et height pour pouvoir le centrer sur la page.
J'ai ensuite utiliser left: 50%, et j'ai voulu utiliser le margin-right: 150px; (300/2=150) pour centrer le tout correctement mais avec un margin-right le bloc ne bouge pas alors qu'à l'inverse (margin-left) sa fonctionne oO.