CSS Bannière SPIP
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
Configuration: Windows XP Opera 9.64