BioSPIP et BioSquelettes v. 4
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
BioSPIP et BioSquelettes v. 4

Forum des Squelettes évolués pour SPIP : BioSPIP et ses BioSquelettes
 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  Connexion  
Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

 

 Probleme CSS et Squelette ...

Aller en bas 
2 participants
AuteurMessage
thebean




Nombre de messages : 1
Date d'inscription : 14/05/2006

Probleme CSS et Squelette ... Empty
MessageSujet: Probleme CSS et Squelette ...   Probleme CSS et Squelette ... EmptyDim 14 Mai à 18:28

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
Revenir en haut Aller en bas
apetithan




Nombre de messages : 22
Date d'inscription : 13/02/2006

Probleme CSS et Squelette ... Empty
MessageSujet: Re: Probleme CSS et Squelette ...   Probleme CSS et Squelette ... EmptyLun 29 Mai à 8:41

Pour la hauteur du header, j'essaierai
Code:
 h1#header a
{
width: 577px ;
height: 0px ;
Ca ne coûte rien d'essayer Very Happy

La page breve.html n'est pas dans ton répertoire squelettes. Spip va donc la chercher dans le répertoire dist. Charge-la donc au bon endroit.

www.petithan.be
www.sjpa.be

A+
Revenir en haut Aller en bas
http://www.petithan.be
 
Probleme CSS et Squelette ...
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [RESOLU] Images non affichées
» Problème d'affichage
» problème d'affichage
» probleme pagination
» Problème forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
BioSPIP et BioSquelettes v. 4 :: Modifications et Adaptations :: Personnalisation du design-
Sauter vers: