CSS Bannière SPIP
swissfencer
-
amjahed Messages postés 350 Statut Membre -
amjahed Messages postés 350 Statut Membre -
Bonjour,
J'ai un petit problème pour intégrer une bannière au CSS du site suivant : https://www.fondationjan-oscar.ch/fr/home/
J'ai bien modifié le css de spip(habillage.css) pour y mettre ma bannière;
actuellement il ressemble à ca :
body { background: #FFF; margin: 0; padding: 0; text-align: center; }
#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }
#entete{
background-image:url(banniere.png);
background-repeat:no-repeat;
padding-top:370px;
border:0px;
}
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }
#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }
#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }
Le problème est que la place pour l'image est bien faites, mais l'image ne s'affiche pas.
Le site et fait avec spip 2.0,
Merci
J'ai un petit problème pour intégrer une bannière au CSS du site suivant : https://www.fondationjan-oscar.ch/fr/home/
J'ai bien modifié le css de spip(habillage.css) pour y mettre ma bannière;
actuellement il ressemble à ca :
body { background: #FFF; margin: 0; padding: 0; text-align: center; }
#page { position: relative; width: 58em; margin: 0 auto; text-align: left; }
#entete{
background-image:url(banniere.png);
background-repeat:no-repeat;
padding-top:370px;
border:0px;
}
#entete a.accueil { display: block; width: 67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; }
#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/
#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }
#contenu { padding-top: 0.30em; }
#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }
#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
#pied img { vertical-align: middle; }
Le problème est que la place pour l'image est bien faites, mais l'image ne s'affiche pas.
Le site et fait avec spip 2.0,
Merci
A voir également:
- CSS Bannière SPIP
- Bannière instagram - Guide
- Logiciel de bannière - Télécharger - Divers Web & Internet
- Créer sa bannière minecraft ✓ - Forum Graphisme
- Idée de bannière youtube - Forum YouTube
- Bannière youtube taille 2048 x 1152 - Forum YouTube