Bonjour,
J'ai deux problèmes sur mon nouveau site
http://www.smoothfoxterrier.be basé sur biospip:
1- Il y a un decalage entre le menu et la bannière en haut. Comment resoudre ce probleme ?
2- J'ai mis une nouvelle Brève. Quand je clique dessus, elle apparait sous l'aspet SPIP d'origine et non pas le squelette Biospip. Avez-vous une idée ?
ci-joint une copie de mon CSS:
body
{
margin: 10px 0 ;
padding: 0 ;
text-align: left ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
background: #dea ;
}
a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }
.spip_code { }
p.spip_note { }
hr.spip { }
b.spip { }
i.spip { }
div#conteneur
{
width: 800px ;
margin: 0 auto ;
/*text-align: left ;*/
border: 2px solid #ab4 ;
background: #fff ;
}
h1#header
{
height: 258px ;
margin: 0 ;
background: url(../rep_pics/biospip/apple.jpg) no-repeat left top ;
z-index : 1;
}
h1#header a
{
width: 577px ;
height: 207px ;
display: block ;
background: url(../rep_pics/biospip/titre_biospip.png) no-repeat ;
position: relative ;
left: 220px ;
top: 0px ;
z-index : 1;
}
h1#header a span
{
display: none ;
}
ul#menu
{
height: 35px ;
margin: 0 ;
padding: 0 ;
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 -25px ;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 110px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #ab4 ;
}
ul#menu li a:hover
{
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 0 ;
}
ul#menu li.current
{
background: url(../rep_pics/biospip/bg_menu.gif) repeat-x 0 0 ;
}
p.ps
{
padding: 5px;
background : #ccc;
border : 2px solid #000;
border-radius: 0.5em;
/* Arrondi des coins pour Mozilla */
-moz-border-radius: 0.5em;
}
ul.box_derniersarticles
{
padding-left: 40px;
list-style-type: none ;
background: #dea ;
border: 2px solid #ab4 ;
border-radius: 0.5em;
/* Arrondi des coins pour Mozilla */
-moz-border-radius: 0.5em;
}
p.erreur_404
{background: #ff0 ;
border: 5px solid #f00 ;
text-align:center;
text-decoration:blink;
font-family : Arial, sans-serif ;
font-size: 1.2em;
font-weight: bold;
color: #f00 ;
}
li.plan-article
{display: list-item ;
list-style-image: url("../rep_pics/stock_new-16.png");}
li.plan-rubrique
{display: list-item ;
list-style-image: url("../rep_pics/sc_dbqueryopen.png");
color: #996600;}
li.plan-breve
{display: list-item ;
list-style-image: url("../rep_pics/stock_paste-16.png");}
li.plan-site
{display: list-item ;
list-style-image: url("../rep_pics/stock_insert_url-16.png");}
div#contenu
{
padding: 0 15px 0 100px ;
background: url(../rep_pics/biospip/bandeau_gauche_biospip.png) no-repeat 15px 15px ;
}
div#moz_add {
float: right;
/*width: 14em;*/
width: 160px;
margin-left: 4%;
/*margin-left: 2em;*/
margin-top: 0em;
margin-bottom: 0em;
margin-right: 0px;
}
div#contenu h2
{
padding-left: 25px ;
line-height: 25px ;
font-size: 1.4em ;
background: url(../rep_pics/biospip/little_apple.gif) no-repeat left bottom ;
color: #996633 ;
border-bottom: 1px solid #996633 ;
}
div#contenu h3
{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #996633 ;
border-left: 3px solid #996633 ;
color: #996633 ;
}
h3.spip {
}
.spip_puce {
list-style-position: inside;
border-width: 0px;
}
div#contenu h4
{
margin-left: 20px ;
padding-left: 2px ;
border-bottom: 1px solid #ab4 ;
border-left: 2px solid #ab4 ;
color: #996633 ;
}
div#contenu p
{
text-align: justify ;
/*text-indent: 2em ;*/
line-height: 1.7em ;
}
div#contenu a, a
{
color: #996633 ;
}
div#contenu a:hover, a:hover
{
color: #996633 ;
}
p#footer
{
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #996633 ;
}
pre
{
overflow: auto ;
background: #dea ;
border: 2px solid #ab4 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}
* html pre
{
width: 636px ;
}
pre span
{
color: #560 ;
}
pre span.comment
{
color: #b30000 ;
}
/* Forums */
h2.forum
{
padding-left: 48px ;
line-height: 48px ;
font-size: 1.4em ;
background: url(../rep_pics/discussion.png) no-repeat left bottom ;
color: #9b2 ;
}
div.forum {
border: solid 1px #fff;
margin: 0.5em;
padding: 0.5em;
background-color: #fff;
}
div.forum ul {
list-style-type: none;
margin: 0;
padding: 0;
}
div.forum li {
margin: 0.2em 0 0.2em 1em;
padding: 0;
}
div.message {
margin: 0;
padding: 0.2em;
border: 1px solid #ccc;
background: #ddd;
}
li li div.message {
border: 1px solid #bbb;
background: #ccc;
}
div.forum li p.author {
color: #069;
font-size: 0.9em;
padding: 0.1em;
margin: 0;
}
div.forum li h4 {
color: #069;
padding: 0.1em;
margin: 0;
}
div.forum li div.texte {
padding: 0.2em;
margin: 0;
}
p.reply {
text-align: right;
}
p.gravatar {
float: right;
}
p.gravatar, p.gravatar img {
border: 0;
padding: 0;
margin: 0;
}
/* Recherche GOOGLE */
.google_box {
top : 6px;
padding-left: 6px;
width: 150px;
border: 1px solid #c4c4ff;
font-family: verdana,helvetica,sans-serif;
-moz-border-radius: 6px;
font-size: 11px;
}
.google_form {
margin-top: 0px;
text-align: left;
}
a.partie_privee
{
float : left;
top : 1px ;
left : 1px;
font-style : italic ;
font-size : small ;
text-decoration : none ;
}
a.partie_privee:hover
{
text-decoration : underline ;
}
table.spip {
margin-left: auto;
margin-right: auto;
border: 1px solid #999999;
border-collapse:collapse;
}
table.spip caption{
caption-side: top; /* bottom pas pris en compte par IE */
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 3px;
font-weight: bold;
font-family: Verdana,Arial,Sans,sans-serif;
font-size : 70%;
}
table.spip tr.row_first {
background-color: #FCF4D0;
}
table.spip tr.row_odd {
background-color: #d0d0d0;
}
table.spip tr.row_even {
background-color: #F0F0F0;
}
table.spip td {
padding: 3px;
text-align: left;
vertical-align: middle;
}
blockquote.spip
{
margin-left : 40px;
margin-top : 10px;
margin-bottom : 10px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
background-color : #dea;
border : solid 2px #ab4;
border-radius: 0.5em;
/* Arrondi des coins pour Mozilla */
-moz-border-radius: 0.5em;
}
.en2col{
float: left;
width: 47.5%;
}
.inside3col {
padding: 13px 13px;
margin: 0px;
}
#box_pagination {
padding: 3px;
}
#box_pagination {
background: #F6FAFA url("../rep_pics/biospip/bgtitre.gif") scroll repeat-y top right;
position:relative;
border:1px solid #99CCCC;
}
.clear{
clear: both;
}
html>body .mozclear/* could use :root instead of html>body to target mozilla specifically, but that invalidates the stylesheet */
{
border-bottom: 1px solid transparent; /* help mozilla recognize empty clearing element */
margin-bottom: -1px; /* compensate for 1px space used by border */
}
/* \*/
* html .hollyfix {
overflow: hidden;
o\verflow: visible;
width: 100%;
w\idth: auto;
}
/* */
/* \*/
i {content: "\"/*" }
* html .hollyfix {
height : 1%;
}
/* */
.spip_documents{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size : 70%;
}
.spip_documents_center{
margin: auto;
text-align: center;
width: 80%;
}
.spip_documents_left{
float: left;
margin-right: 15px;
text-align: center;
}
.spip_documents_right{
float: right;
margin-left: 15px;
text-align: center;
}
/*
* Barre de raccourcis
*/
a.spip_barre img {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-right: 1px solid #aa9966;
border-bottom: 1px solid #aa9966;
padding: 3px;
background-color: #FFDDAA;
}
a.spip_barre:hover img {
border: 1px solid #808080;
padding: 3px;
background-color: #f8f8f4;
}
.forml { width: 100% ; background-color: #FFDDAA;}
.spip_encadrer {
font-family: helvetica, arial, sans-serif;
width : 95%;
background-color: #FFFFFF;
padding: 5px;
border: 1px #666666 solid;
}
.spip_cadre {
width : 95%;
background-color: #FFFFFF;
padding: 5px;
margin-top: 10px;
}
div.spip_poesie {
margin-bottom: 5px;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #999999;
}
div.spip_poesie div {
text-indent: -60px;
margin-left: 60px;
}
.spip_bouton { background-color: #FFCC00;}
form.formrecherche {
margin-top: 5px;
margin-bottom: 5px;
}
input.formrecherche {
width: 95%;
background-color: #FFDDAA;
}
.reponse_formulaire {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 110%;
color: red;
}
.spip_surligne { background-color: #FFFF66; }
/*
* Images typographiques (via image_typo)
*/
.image_typo {
behavior: url("win_png.htc");
}
/****/
h2.titre_rubrique {color:#996600; font-size:2em;}
h2.sous_rubriques {color:#996600; font-size:3em;}
h2.liste_article{color:purple; font-size:4em;}
Grand merci d'avance