28172 sujets

CSS et mise en forme, CSS3

Sous Ubuntu 18.04 LTS avec un site www.famgenspip.fr propulsé par spip 3.2 j'avais un site à trois colonnes

/* ----------------------------------------------------------- */
/* Feuilles de styles des squelettes par defaut des squelettes MiniBelleSpip  */             */
/* ----------------------------------------------------------- */
@import url(spip_formulaires.css);

/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 90%; } /* Cf.:  http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS  */
body { font-size: 0.80em; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #000000; }/*couleur des polices*/

/* Titraille / Intertitres */
h1 { margin: 0; padding: 0; font-size: 1.30em; color: #FFFF; }
h2 { margin: 0; padding: 0.20em 0.40em; background: #510828; font-size: 1.20em; font-weight: bold; border: 2px solid #C66300; }
h2, h2 a, h2 a:hover { color: #FFFFFF; }
h6 { margin: 0; padding: 0.20em 0.40em; background: #ba6e6e; border: 2px  #C66300; font-size: 1em; }
h7 { margin: 0; padding: 0.20em 0.40em; background: #cc0000; font-size: 1.20em; font-weight: bold; }
h8 { background: #e5eff8; font-size: 0.80em; text-align: center; }
h3a { margin: 0; padding: 0.20em 0.40em; background: #510828; font-size: 1.20em; font-weight: bold;  }
h3.spip {} /*Cf.: spip_style.css*/


/* Divers */
hr.spip {} /*Cf.: spip_style.css*/
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #000000; }
p {text-indent:3em; margin:0px;}

/* Listes SPIP */
.spip_puce {} /*Cf.: spip_style.css*/
ul.spip {} /*Cf.: spip_style.css*/
ol.spip {} /*Cf.: spip_style.css*/
li.spip {} /*Cf.: spip_style.css*/

/* Citations, code et poesie */
blockquote.spip {} /*Cf.: spip_style.css*/
blockquote.spip_poesie {} /*Cf.: spip_style.css*/
.spip_code {} /*Cf.: spip_style.css*/
.spip_cadre {} /*Cf.: spip_style.css*/

/* Tableaux */
table { border-collapse: collapse; border-spacing: 0; }
table.spip {} /*Cf.: spip_style.css*/

/* Logos, documents et images */
.spip_logos {} /*Cf.: spip_style.css*/
.spip_documents {} /*Cf.: spip_style.css*/
.spip_documents_center {} /*Cf.: spip_style.css*/
.spip_documents_left {} /*Cf.: spip_style.css*/
.spip_documents_right {} /*Cf.: spip_style.css*/
.spip_doc_titre {} /*Cf.: spip_style.css*/
.spip_doc_descriptif {} /*Cf.: spip_style.css*/


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { background:#7CBBFF;  margin: 0; padding: 0; text-align: center; width:90%;margin:auto; position: relative;margin: 0; padding: 0; text-align: center; }

div#page { width: 1100px; margin: 0 auto ; text-align: justify; position: relative; }
div#top {  width: 1100px;margin: auto; padding-top: 1em; border-bottom: 2px none #8B6F92; }
div#bloc { background: 40E0D0; font-size: 1.20em; font-weight: bold; text-align: center; color: #40E0D0; }
div#top #nom_site_spip, #top a .spip_logos { display: block; float: center; font-weight: bold; font-size: 1.50em; }
/*  Disposition du conteneur central*/

div#conteneur { position: static;
	top: 120px;
	margin: 0px 200px;
	padding: 10px 10px 0px;
	z-index: 10; 
	border: 1px solid #510828;
		
	
	}
	
/*  Disposition alignement de la colonne de gauche*/
	

div#navigation {
	position: absolute;
	top: 350px;
	left: 3px;
	width:205px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	
	
}
/*  Disposition alignement de la colonne de droite*/

div#extra {
	position: absolute;
	top: 350px;
	right: 3px;
	width: 205px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	
	
}
/*Un peu de code pour Spiponoscope*/
.auteurtous .auteur {
  list-style-type: none;
  float: left;
  width: 30%;
}
.auteurtous .auteur.first {
  clear: left;
}
.auteurtous{overflow:auto;overflow-y:hidden}
.auteurtous .auteur {
  list-style-type: none;
  float: left;
  width: 30%;
}
.auteurtous .auteur.first {
  clear: left;
}
.auteurtous{overflow:auto;overflow-y:hidden}
div#pied {
    clear: both;
    margin: 0 195px;
    padding: 5px 0 2px;
    text-align: center;
}

div#pied {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: center;
	margin-left: 155px;
	margin-right: 155px;
	clear : both ;
}
div#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Affichage pour les petits ecrans (type 400 x 300) */
@media handheld { div#page, div#conteneur, div#navigation, div#extra { width: auto; } }


/*  ------------------------------------------
/*  Habillage des elements du contenu
/*  ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; color: #604A7F; }

.surtitre, .soustitre { font-size: 1.0em; color: #230707; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche .traductions { font-size: 0.90em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

.chapo { margin-bottom: 1.50em; font-weight: bold; color: #393939; line-height: 1.40em; }
.texte line-height : 1.60em ; text-align : justify ;
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; padding: 4px; border: 1px solid #DDD; }
#documents_portfolio a:hover .spip_logos { border-color: #F57900; }
#documents_portfolio a.on .spip_logos { border-color: #8B6F92; }
#document_actif { margin: 1em auto; }
#document_actif img { padding: 4px; border: 1px solid #DDD; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; } 
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #33CCFF; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

ul .forum-message.on {border:2px solid #666;background:#eee;}


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #fefefe; vertical-align: top; }
#signatures td.signature-date { background: #82ade2; white-space: nowrap; }
#signatures td.signature-nom { background: #82ade2; text-align: center; }
#signatures td.signature-message { background: #dae6f6; }
#signatures .signature_recherche { text-align: right; }
#signatures .signature_recherche input.forml { width: 12em; }
#signatures .signature_recherche input.bouton { vertical-align: middle; }


/*  ------------------------------------------
/*  Sous-navigation et autres menus
/*  ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none}
.menu ul li { margin: 0.120em 0; padding: 0.120em; border-bottom: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; }
.menu ul li li { padding: 0; border: 0; }


/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul li { background: #ba6e6e  	; border: 0; }
.menu-recherche.menu ul li { border-top: 2px; }

/* Listes d'articles et extraits introductifs */
.articles ul li { background: #d6e0ea; clear: both; padding: 0.40em 0.10em; }
.articles ul li h3 { margin: 0.40em 0; padding: 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: justify; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #FFFFFF; text-decoration: none; }
a:focus,a:hover,a:active { color: #00CCFF; text-decoration: underline; }
centrale
Je pense qu'à la suite d'une mise à jour le site est complète ment chamboulé, en page d'accueil tout va bien mais dès que je vais sur un article la colonne centrale chevauche la colonne de gauche il m'a été indiqué que je devais supprimer le cache du navigateur, ce que j'ai fais et depuis je suis sans réponse, pourrais-je savoir ce que je dois faire,
Merci
Modifié par mailou (21 Dec 2018 - 08:13)