Problèmes page d'accueil

Général
1

Bonjour,
         Voir http://www.le69-3.org/spip Le sous titre est sur le logo,
la première rubrique aussi, l'agenda déborde, etc..Je ne comprend
pas d'ou ça vient. J'utilise le squelette Blip. Savez vous aussi
comment faire pour réduire la largeur de la barre latérale? Merci
de votre aide,
                                                               Alan

2

Bonjour,
         Voir le69-3 - Le 69-3 Le sous titre est sur le logo,
la première rubrique aussi, l'agenda déborde, etc..Je ne comprend
pas d'ou ça vient. J'utilise le squelette Blip. Savez vous aussi
comment faire pour réduire la largeur de la barre latérale? Merci
de votre aide,
                                                               Alan

Bonjour,
je connais pas le squelette en question, mais il semble qu il manque l appel
au fichier css
un truc genre :
<link rel="stylesheet" type="text/css" href="maCSS.css" />

des class sont déclarees dans le fichier squelette comme :
calendrier-opacity mais elles ne sont pas definies dans un css, ce qui
provoque un certain flottement dans l affichage...
triton

3

Bonsoir,

          Merci de votre aide, mais je n'ai toujours pas réglé le
problème, voici le squelette de ma page sommaire.html (j'ai
rajouté un : <link rel="stylesheet" type="text/css"
href="maCSS.css" /> mais ça n'a rien changé):

CACHE{7200}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
<html dir="#LANG_DIR" lang="#LANG">
<head>
  <title><:blip:actualite:>[ - (#NOM_SITE_SPIP|textebrut)]</title>
  <meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
  [<meta name="description"
content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
  <meta name="generator" content="SPIP" />
  [<link rel="shortcut icon" href="(#CHEMIN{#NOM_SITE_SPIP.ico})" />]

  [
  (#REM) Lien vers le backend pour navigateurs eclaires ]
  <link rel="alternate" type="application/rss+xml"
title="<:syndiquer_site:>" href="#URL_PAGE{backend}" />
  [
  (#REM) Script NiceTitle pour la gestion des title des liens ]
  [<script type="text/javascript" src="(#CHEMIN{nicetitle.js})"></script>]
  [
  (#REM) Style CSS de blip ]
  <link rel="stylesheet" type="text/css" href="#URL_PAGE{inc-css}" />

  <INCLURE{fond=inc-head}>

</head>

<body id="sommaire">
<div id="page">

<div id="tete">
  <INCLURE{fond=inc-compilateur}{zone=surtitre}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=titre_principal}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=titre_lateral}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=sous_titre}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=menu_principal}{lang}>
</div><!-- fin tete -->

<div id="corps">

  [(#REM) Construction du menu auxiliaire de la page sommaire]
  <div class="menu_auxiliaire">
    <a href="[(#URL_PAGE{accueil})]"><:blip:accueil:></a> &amp; <a
href="[(#URL_PAGE{sommaire})]"><:blip:actualite:></a> &gt;
      [(#ENV{tri}|=={'documents'}|?{<:blip:document_dernier_publie:>,''})]
      [(#ENV{tri}|=={'commentaires'}|?{<:blip:commentaires_derniers_poste:>,''})]
      [(#ENV{tri}|=={''}|?{<:blip:articles_derniers_publies:>,
[(#ENV{tri}|=={'articles'}|?{<:blip:articles_derniers_publies:>,''})]})]

  </div><!-- fin menu_auxiliaire-->

  [(#REM) Construction du contenu de la page sommaire en fonction des
paramètres passés dans la variable tri]
  <div class="contenu">

  <INCLURE{fond=inc-compilateur}{page_actuelle=sommaire}{zone=sur_contenu}
      {zone_restreinte=sur_contenu-sommaire}{lang}>

    [(#ENV{tri}|!={'documents'}|?{'','
'})<INCLURE{fond=sommaire_documents}{lang}>]
    [(#ENV{tri}|!={'commentaires'}|?{'','
'})<INCLURE{fond=sommaire_commentaires}{tri=#ENV{tri}}{lang}>]
    [(#ENV{tri}|!={'articles'}|?{'','
'})<INCLURE{fond=sommaire_articles}{lang}>]

<BOUCLE_mois(EVENEMENTS)
  {agendafull date_debut,date_fin, mois, #ENV{annee}, #ENV{mois}}

[(#DATE_DEBUT|Agenda_memo_full{#DATE_FIN,#TITRE,#DESCRIPTIF,#LIEU,#URL_ARTICLE,

    calendrier-couleur[(#ID_SECTEUR|
      modulo{14,1})]})]</BOUCLE_mois>[(#DATE|
  Agenda_affiche_full{<:aucun_article:>, 'mois'}
)]<//B_mois>

    [(#ENV{tri}|!={''}|?{'',' '})<INCLURE{fond=sommaire_articles}{lang}>]

  <INCLURE{fond=inc-compilateur}{page_actuelle=sommaire}{zone=sous_contenu}
      {zone_restreinte=sous_contenu-sommaire}{lang}>

  </div><!-- fin contenu-->

  <INCLURE{fond=inc-compilateur}{page_actuelle=sommaire}{zone=barre_laterale}
      {zone_restreinte=barre_laterale-sommaire}{tri}{lang}>

</div><!-- fin corps -->

<div id="pied">
  <INCLURE{fond=inc-compilateur}{zone=mentions_techniques}{lang}>
</div><!-- fin pied -->

</div><!-- fin page -->

[(#REM) Traitement des tâches de fond du site]
#SPIP_CRON

</body>
</html>

Bonjour,
         Voir le69-3 - Le 69-3 Le sous titre est sur le logo,
la première rubrique aussi, l'agenda déborde, etc..Je ne comprend
pas d'ou ça vient. J'utilise le squelette Blip. Savez vous aussi
comment faire pour réduire la largeur de la barre latérale? Merci
de votre aide,
                                                               Alan

Bonjour,
je connais pas le squelette en question, mais il semble qu il manque l
appel
au fichier css
un truc genre :
<link rel="stylesheet" type="text/css" href="maCSS.css" />

des class sont déclarees dans le fichier squelette comme :
calendrier-opacity mais elles ne sont pas definies dans un css, ce qui
provoque un certain flottement dans l affichage...
triton

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

4

Alan Le Marec a écrit :

Bonsoir,
      

          Merci de votre aide, mais je n'ai toujours pas réglé le
problème, voici le squelette de ma page sommaire.html (j'ai
rajouté un : <link rel="stylesheet" type="text/css"
href="maCSS.css" />  mais ça n'a rien changé):

CACHE{7200}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>
<html dir="#LANG_DIR" lang="#LANG">
<head>
	<title><:blip:actualite:>[ - (#NOM_SITE_SPIP|textebrut)]</title>
	<meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />
	[<meta name="description"
content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
	<meta name="generator" content="SPIP" />
	[<link rel="shortcut icon" href="(#CHEMIN{#NOM_SITE_SPIP.ico})" />]

	[
	(#REM) Lien vers le backend pour navigateurs eclaires ]
	<link rel="alternate" type="application/rss+xml"
title="<:syndiquer_site:>" href="#URL_PAGE{backend}" />
	[
	(#REM) Script NiceTitle pour la gestion des title des liens ]
	[<script type="text/javascript" src="(#CHEMIN{nicetitle.js})"></script>]
	[
	(#REM) Style CSS de blip ]
	<link rel="stylesheet" type="text/css" href="#URL_PAGE{inc-css}" />

	<INCLURE{fond=inc-head}>

</head>

<body id="sommaire">
<div id="page">

<div id="tete">
	<INCLURE{fond=inc-compilateur}{zone=surtitre}{lang}>
	<INCLURE{fond=inc-compilateur}{zone=titre_principal}{lang}>
	<INCLURE{fond=inc-compilateur}{zone=titre_lateral}{lang}>
	<INCLURE{fond=inc-compilateur}{zone=sous_titre}{lang}>
	<INCLURE{fond=inc-compilateur}{zone=menu_principal}{lang}>
</div><!-- fin tete -->

C’est le détail de ces fichiers inclus qu’il faut regarder de près.
Tu as essayé de réduire ton image de bandeau qui sort de l’écran ?

5

Bonjour,

           Merci de votre aide, j'ai réglé le plus gros problème, c'était
très simple en fait, j'avait mis un fond et un logo qui se
superposait au logo déja existant, je l'ai donc enlevé.
Reste d'autres détails: Mes rubriques "publiez!" et "agenda" se trouvent
sur la même ligne alors qu'il s'agit de modules différents (squelette
blip)..
Et j'aimerai réduire la largeur de la barre latérale pour mette le titre
des contenus principaux en gros (Sinon le menu latéral descend tout en bas
de la page..)Merci,
             Alan ( le69-3 - Le 69-3 )

Alan Le Marec a écrit :

Bonsoir,

          Merci de votre aide, mais je n'ai toujours pas réglé le
problème, voici le squelette de ma page sommaire.html (j'ai
rajouté un : <link rel="stylesheet" type="text/css"
href="maCSS.css" /> mais ça n'a rien changé):

CACHE{7200}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
<html dir="#LANG_DIR" lang="#LANG">
<head>
  <title><:blip:actualite:>[ - (#NOM_SITE_SPIP|textebrut)]</title>
  <meta http-equiv="Content-Type" content="text/html; charset=#CHARSET"
/>
  [<meta name="description"
content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
  <meta name="generator" content="SPIP" />
  [<link rel="shortcut icon" href="(#CHEMIN{#NOM_SITE_SPIP.ico})" />]

  [
  (#REM) Lien vers le backend pour navigateurs eclaires ]
  <link rel="alternate" type="application/rss+xml"
title="<:syndiquer_site:>" href="#URL_PAGE{backend}" />
  [
  (#REM) Script NiceTitle pour la gestion des title des liens ]
  [<script type="text/javascript"
src="(#CHEMIN{nicetitle.js})"></script>]
  [
  (#REM) Style CSS de blip ]
  <link rel="stylesheet" type="text/css" href="#URL_PAGE{inc-css}" />

  <INCLURE{fond=inc-head}>

</head>

<body id="sommaire">
<div id="page">

<div id="tete">
  <INCLURE{fond=inc-compilateur}{zone=surtitre}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=titre_principal}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=titre_lateral}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=sous_titre}{lang}>
  <INCLURE{fond=inc-compilateur}{zone=menu_principal}{lang}>
</div><!-- fin tete -->

C'est le détail de ces fichiers inclus qu'il faut regarder de près.
Tu as essayé de réduire ton image de bandeau qui sort de l'écran ?

6

Alan Le Marec a écrit :

Bonjour,
    

           Merci de votre aide, j'ai réglé le plus gros problème, c'était
très simple en fait, j'avait mis un fond et un logo qui se
superposait au logo déja existant, je l'ai donc enlevé.
Reste d'autres détails: Mes rubriques "publiez!" et "agenda" se trouvent
sur la même ligne alors qu'il s'agit de modules différents (squelette
blip)..
Et j'aimerai réduire la largeur de la barre latérale pour mette le titre
des contenus principaux en gros (Sinon le menu latéral descend tout en bas
de la page..)Merci,
             Alan (   )

Ah oui, c’est mieux comme ça ;-))

Pour tes rubriques publiez et agenda, je pense qu’il faudrait les isoler dans des div

Je te signale aussi que ta feuille de style maCSS.css n’est pas trouvée, problème de chemin. Le navigateur la cherche à la racine semble-t-il.
The requested URL /spip/maCSS.css was not found on this server.

Pour la barre latérale à gauche, les éléments sont inclus dans une div avec la class « barre_laterale » avec width : 36%;
Réduit cette valeur à ta convenance et augmente cette valeur pour « contenu » en conséquence

Pour y voir plus clair dans tes css, 2 extensions fort utiles (que dis-je, indispensables !) avec firefox : Aardvark qui te permet de voir quel(s) style(s) est appliqué sur un bloc et webdevelopper qui permet plein de choses, entre autres de visualiser les fichiers css d’une page mais aussi de changer les styles et de voir l’effet produit en direct.( Tu peux tester ce que tu veux sur n’importe quel site). Tu peux ensuite copier et sauvegarder quand ça te plait. Un must !

7

Bonjour,

          Merci, j'ai isolé les rubriques dans des div et c'est bon
maintenant. J'ai installé web developper, mais je n'arrive pas à
modifier directement le css avec. Pour maCSS.css , je l'ai vu en
haut sur la page d'accueil avec web developper , mais comment
résoudre ce que tu dis, et qu'est ce que ça implique?
Pour la barre latérale j'ai modifié la valeur width dans le fichier
inc-css.html , de 36 à 25% Mais je n'ai pas vu de changement. Peut être
que ça va changer bientot, parfois ça met du temps. Aussi, comment fait on
pour décaler un bloc plus à gauche,ou droite, haut, bas, etc..Merci. Sinon
je n'ai pas encore réussi à télécharger Aardvark.
                                              Alan

Pour tes rubriques publiez et agenda, je pense qu'il faudrait les isoler
dans des div

Je te signale aussi que ta feuille de style maCSS.css n'est pas trouvée,
problème de chemin. Le navigateur la cherche à la racine semble-t-il.
The requested URL /spip/maCSS.css was not found on this server.

Pour la barre latérale à gauche, les éléments sont inclus dans une div
avec la class "barre_laterale" avec width : 36%;
Réduit cette valeur à ta convenance et augmente cette valeur pour
"contenu" en conséquence

Pour y voir plus clair dans tes css, 2 extensions fort utiles (que
dis-je, indispensables !) avec firefox : Aardvark qui te permet de voir
quel(s) style(s) est appliqué sur un bloc et webdevelopper qui permet
plein de choses, entre autres de visualiser les fichiers css d'une page
mais aussi de changer les styles et de voir l'effet produit en direct.(
Tu peux tester ce que tu veux sur n'importe quel site). Tu peux ensuite
copier et sauvegarder quand ça te plait. Un must !

8

Le 15/05/07, Alan Le Marec a écrit :

> Bonjour,
          Merci, j'ai isolé les rubriques dans des div et c'est bon
maintenant. J'ai installé web developper, mais je n'arrive pas à
modifier directement le css avec. Pour maCSS.css , je l'ai vu en
haut sur la page d'accueil avec web developper , mais comment
résoudre ce que tu dis, et qu'est ce que ça implique?
Pour la barre latérale j'ai modifié la valeur width dans le fichier
inc-css.html , de 36 à 25% Mais je n'ai pas vu de changement. Peut être
que ça va changer bientot, parfois ça met du temps. Aussi, comment fait on
pour décaler un bloc plus à gauche,ou droite, haut, bas, etc..Merci. Sinon
je n'ai pas encore réussi à télécharger Aardvark.

https://addons.mozilla.org/fr/firefox/addon/4111
Tout changement dans tes css implique que tu vides le cache de ton
navigateur : F5 ou CTRL+F5

--
@plus

Jacques

Pour les lyonnais++ spip-lyon@rezo.net http://spip-party.net/-Lyon-
Inscription : http://listes.rezo.net/mailman/listinfo/spip-lyon

Entre une fenotte et un bon mâchon, n'hésite pas, gone, n'hésite pas.

9

Alan Le Marec a écrit :

Bonjour,
    

          Merci, j'ai isolé les rubriques dans des div et c'est bon
maintenant. J'ai installé web developper, mais je n'arrive pas à
modifier directement le css avec.

Tu vas dans « CSS » puis « Editer les CSS » et là un panneau latéral apparaît avec des onglets en haut, un pour chaque feuille css liée à la page
Tu cliques sur celui que tu veux, tu modifies dedans et tu vois ce que ça donne. (sauf pour le fond du body)

Pour maCSS.css , je l'ai vu en
haut sur la page d'accueil avec web developper , mais comment
résoudre ce que tu dis, et qu'est ce que ça implique?

si ta feuille css n’est pas trouvée, c’est que le chemin indiqué dans le « head » n’est pas bon.
Où se trouve-t-elle et comment l’appelles-tu ?

Pour la barre latérale j'ai modifié la valeur width dans le fichier
inc-css.html , de 36 à 25% Mais je n'ai pas vu de changement. Peut être
que ça va changer bientot, parfois ça met du temps.

Il faut rafraîchir (pas recalculer) ta page avec F5 ou l’icône de rafraîchissement de Firefox

Aussi, comment fait on
pour décaler un bloc plus à gauche,ou droite, haut, bas, etc..

On peut jouer avec les marges et la taille des blocs

Merci. Sinon
je n'ai pas encore réussi à télécharger Aardvark.

http://www.infos-du-net.com/telecharger/Aardvark,0305-2219.html

                                              Alan