Positionnement image dans pied de page
Fermé
nov
-
20 juin 2007 à 11:14
Joretcamarche Messages postés 9 Date d'inscription samedi 17 janvier 2015 Statut Membre Dernière intervention 20 janvier 2015 - 19 janv. 2015 à 22:07
Joretcamarche Messages postés 9 Date d'inscription samedi 17 janvier 2015 Statut Membre Dernière intervention 20 janvier 2015 - 19 janv. 2015 à 22:07
A voir également:
- Positionnement image dans pied de page
- Supprimer une page word - Guide
- Image iso - Guide
- Page d'accueil iphone - Guide
- Traduire une page web - Guide
- Word numéro de page 1/2 - Guide
7 réponses
et autre probleme que je n'ai pas précisé ,c'est que l'image agrandit mon pied de page pourtant elle tient en hauteur et en largeur sans que le pied de page est besoin d'etre redimmensionné
falcor
Messages postés
61
Date d'inscription
mercredi 28 avril 2004
Statut
Membre
Dernière intervention
26 mai 2009
2
20 juin 2007 à 11:24
20 juin 2007 à 11:24
Hello,
Peut tu donner le code de ton pied de page.
Peut tu donner le code de ton pied de page.
dans le html:
<div id="pied"><a class="type1" href="../contact.html">contact</a> - <a class="type1" href="../liens.html">liens</a> - <a class="type1" href="../mentions.html">mentions légales</a> - <a class="type1" href="../plan.html">plan du site</a> - <a class="type1" href="../revue.html">revue de presse </a> - <a class="type1" href="../reportage.html">reportage</a><div align="right" style="display:inline; padding:5px; margin:0 px;"><a href="../reportage.html"><img src="../images/tf1.jpg" height="10" border="0" "></a></div> </div>
dans le css:
#pied
{
clear: left;
height: 1em;
line-height: 1em;
background-color: #2A0899;
text-align: center;
color: #FFFFFF;
}
A.type1:link {
text-decoration: none;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
A.type1:visited {
text-decoration: none;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
A.type1:hover {
text-decoration: underline;
color: #F6D01F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
en ayant rajouter la ligne de code suivante:
<div align="right" style="display:inline; padding:5px; margin:0 px;"><a href="../reportage.html"><img src="../images/tf1.jpg" height="10" border="0" "></a></div>
j'ai réussi à espacer mon image entre reportage et l'image ,l'image est bien centré au milieu verticalement mais je trouve que la taille de l'image est trop petite mais je ne veux pas agrandir mon pied de page car il tient juste à la hauteur de IE6 mais comme ça n'est pas en pixel,je ne peux pas savoir combien mon pied de page fait en hauteur!et maintenant j'ai IE7...
<div id="pied"><a class="type1" href="../contact.html">contact</a> - <a class="type1" href="../liens.html">liens</a> - <a class="type1" href="../mentions.html">mentions légales</a> - <a class="type1" href="../plan.html">plan du site</a> - <a class="type1" href="../revue.html">revue de presse </a> - <a class="type1" href="../reportage.html">reportage</a><div align="right" style="display:inline; padding:5px; margin:0 px;"><a href="../reportage.html"><img src="../images/tf1.jpg" height="10" border="0" "></a></div> </div>
dans le css:
#pied
{
clear: left;
height: 1em;
line-height: 1em;
background-color: #2A0899;
text-align: center;
color: #FFFFFF;
}
A.type1:link {
text-decoration: none;
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
A.type1:visited {
text-decoration: none;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
A.type1:hover {
text-decoration: underline;
color: #F6D01F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
}
en ayant rajouter la ligne de code suivante:
<div align="right" style="display:inline; padding:5px; margin:0 px;"><a href="../reportage.html"><img src="../images/tf1.jpg" height="10" border="0" "></a></div>
j'ai réussi à espacer mon image entre reportage et l'image ,l'image est bien centré au milieu verticalement mais je trouve que la taille de l'image est trop petite mais je ne veux pas agrandir mon pied de page car il tient juste à la hauteur de IE6 mais comme ça n'est pas en pixel,je ne peux pas savoir combien mon pied de page fait en hauteur!et maintenant j'ai IE7...
probleme résolu en parti
j'ai rajouté une div en position absolu et je l'ai placé comme ça elle ne dépend pas de mon pied de page par contre ,l'inconvénient c'est que lorsqu'on augmente ou diminue la taille du texte de la page web ben l'image ne bouge pas si bien que le texte est caché par l'image donc ça fonctionne que si on laisse la taille du texte en normal...
si quelqu'un avait une autre solution je suis preneur
j'ai rajouté une div en position absolu et je l'ai placé comme ça elle ne dépend pas de mon pied de page par contre ,l'inconvénient c'est que lorsqu'on augmente ou diminue la taille du texte de la page web ben l'image ne bouge pas si bien que le texte est caché par l'image donc ça fonctionne que si on laisse la taille du texte en normal...
si quelqu'un avait une autre solution je suis preneur
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
falcor
Messages postés
61
Date d'inscription
mercredi 28 avril 2004
Statut
Membre
Dernière intervention
26 mai 2009
2
20 juin 2007 à 13:23
20 juin 2007 à 13:23
Essaie peut-être comme ça.
Et oublie pas l'atribut width="" pour ton image.
<div style="float:left;">
<a class="type1" href="../contact.html">contact</a> - <a class="type1" href="../liens.html">liens</a> - <a class="type1" href="../mentions.html">mentions légales</a> - <a class="type1" href="../plan.html">plan du site</a> - <a class="type1" href="../revue.html">revue de presse </a> - <a class="type1" href="../reportage.html">reportage</a>
</div>
<div style="float:left; margin-left: 10px; padding-top: 5px;">
<img src="../images/tf1.jpg" height="10" width="???" border="0"></a>
</div>
Et oublie pas l'atribut width="" pour ton image.
<div style="float:left;">
<a class="type1" href="../contact.html">contact</a> - <a class="type1" href="../liens.html">liens</a> - <a class="type1" href="../mentions.html">mentions légales</a> - <a class="type1" href="../plan.html">plan du site</a> - <a class="type1" href="../revue.html">revue de presse </a> - <a class="type1" href="../reportage.html">reportage</a>
</div>
<div style="float:left; margin-left: 10px; padding-top: 5px;">
<img src="../images/tf1.jpg" height="10" width="???" border="0"></a>
</div>
merci pour ton code.
par contre,il crée un nouveau probleme ,c'est que tout le texte est aligné à gauche du coup...je voudrais qu'il soit centré.
mais je constate qu'en agrandissant le texte il fait presque la meme chose .En fait j'ai remis le padding top à 0px car quand le texte est en taille normal l'image est trop basse si je met 5 px (j'ai réaugmenté la taille de l'image) .Si je mets 0px il est bien aligné par contre quand j'augmente la taille du texte il reste collé en haut du coup...
mais je pense qu'on ne peut pas regler ce probleme puisque la taille de ma div dépend de la taille du texte ,il faudrait que je mette la dimension de ma div en pixel pour que ça fixe le pb car quand j'augmente la taille du texte ,le pied de page s'agrandit...
de toute façon je me suis aperçu que mon site est illisible quand on met la taille 2 fois plus grand dans firefox donc je pense que je vais garder ce que j'ai fait.
merci quand meme!
par contre,il crée un nouveau probleme ,c'est que tout le texte est aligné à gauche du coup...je voudrais qu'il soit centré.
mais je constate qu'en agrandissant le texte il fait presque la meme chose .En fait j'ai remis le padding top à 0px car quand le texte est en taille normal l'image est trop basse si je met 5 px (j'ai réaugmenté la taille de l'image) .Si je mets 0px il est bien aligné par contre quand j'augmente la taille du texte il reste collé en haut du coup...
mais je pense qu'on ne peut pas regler ce probleme puisque la taille de ma div dépend de la taille du texte ,il faudrait que je mette la dimension de ma div en pixel pour que ça fixe le pb car quand j'augmente la taille du texte ,le pied de page s'agrandit...
de toute façon je me suis aperçu que mon site est illisible quand on met la taille 2 fois plus grand dans firefox donc je pense que je vais garder ce que j'ai fait.
merci quand meme!
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
20 juin 2007 à 14:47
20 juin 2007 à 14:47
salut,
si ton image est décorative mets la en arrière-plan, plus de problème de dimension ou de position.
si ton image est décorative mets la en arrière-plan, plus de problème de dimension ou de position.
Joretcamarche
Messages postés
9
Date d'inscription
samedi 17 janvier 2015
Statut
Membre
Dernière intervention
20 janvier 2015
19 janv. 2015 à 22:07
19 janv. 2015 à 22:07
Bonjour, Je cherche une solution à un pb presque identique: insérer le compteur de page sur une image dans le pied de page. Comment mettre l'image dans ce pied de page en arrière plan?
Merci et excusez moi d'avoir mis ma question ici !
Merci et excusez moi d'avoir mis ma question ici !
