Mettre texte sur bannière footer?
MikasaShingeki
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
MikasaShingeki Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
MikasaShingeki Messages postés 4 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Alors voila j'ai commencé à me mettre au CSS tout juste hier donc ne me tapez pas sur les doigts haha
J'essaie de créer quelques pages d'un site test pour le moment et je rencontre un problème avec mon footer. En effet, je n'arrive pas à mettre le texte sur la bannière que j'ai créee, il se met en dessous!
Voici le code que j'ai utilisé jusqu'à maintenant:
HTML:
CSS
Voici ce que j'ai (les flèches indique l'emplacement où je voudrais que ma liste soit):
Si quelqu'un peut m'éclairer sur le sujet ça serait sympa :)
Merci
Alors voila j'ai commencé à me mettre au CSS tout juste hier donc ne me tapez pas sur les doigts haha
J'essaie de créer quelques pages d'un site test pour le moment et je rencontre un problème avec mon footer. En effet, je n'arrive pas à mettre le texte sur la bannière que j'ai créee, il se met en dessous!
Voici le code que j'ai utilisé jusqu'à maintenant:
HTML:
<div id="footer">
<img src="footer.jpg" width="1950"/>
<ul class="footer-text">
<li>Homepage</li>
<li>Characters</li>
<li>World</li>
<li>Titans</li>
<li>About US</li>
<li>Terms And Condition</li>
</ul>
</div>
CSS
#footer {
position:fixed;
bottom:0;
left:0;
box-sizing: border-box;
text-align: center;
}
.footer-text li{
text-align: center;
left: 500px;
top: 31px;
margin-right: 100px;
margin-bottom: 500px;
padding-bottom: 500px;bhghg
font-size: 30px;
color:Black;
}
Voici ce que j'ai (les flèches indique l'emplacement où je voudrais que ma liste soit):
Si quelqu'un peut m'éclairer sur le sujet ça serait sympa :)
Merci
A voir également:
- Mettre texte sur bannière footer?
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Mettre un texte en majuscule - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
1 réponse
Salut,
Une solution possible est de définir ton image en tant que background (image de fond) du bloc #footer à la place d'utiliser une balise img.
Par exemple :
Bonne journée
Une solution possible est de définir ton image en tant que background (image de fond) du bloc #footer à la place d'utiliser une balise img.
Par exemple :
<div id="footer">
<ul class="footer-text">
<li>Homepage</li>
<li>Characters</li>
<li>World</li>
<li>Titans</li>
<li>About US</li>
<li>Terms And Condition</li>
</ul>
</div>
#footer {
position:fixed;
bottom:0;
left:0;
box-sizing: border-box;
text-align: center;
background-image: url('footer.jpg');
background-size: cover;
background-position: center;
}
.footer-text li{
text-align: center;
left: 500px;
top: 31px;
margin-right: 100px;
margin-bottom: 500px;
padding-bottom: 500px;
font-size: 30px;
color:Black;
}
Bonne journée
MikasaShingeki
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
Parfait! J'ai compris et ça marche en plus :D Merci beaucoup
