Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Forum de l’article

A la une

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

Ajouter un document

Rappel de la discussion
inc-a_la_une
André PILLON - le 29 novembre 2010

Pour afficher en page d’accueil un onglet Sénart Nord ( actif) suivi d’un autre onglet Pôle Brie Sénart et des deux autres
Derniers articles et plan du site

Dans rubrique technique J’ai créé un fichier Sénart Nord (article 17) qui s’affiche correctement dans la rubrique

Jai créé une inclusion (inc-sommaire)

#CACHE{24*3600}

<div id="article">

<BOUCLE_article(ARTICLES){id_article=17}>

#TEXTE

</BOUCLE_article>

</div>

J’ai créé une inclusion (inc-pole)

#CACHE{24*3600}

<div id="Pole">
  [<a href="http://127.0.0.1/spip.php?article10"><img src="(#CHEMIN{images/bouton_pole_f2.jpg})]" border="0"title="Pôle" /></a>

  [  <a href="http://127.0.0.1/spip.php?article11"><img src="(#CHEMIN{images/logo.lien-2.jpg})]" border="0"title="bandeau" /></a></div>


J’ai modifié in-a_la_une.html

#CACHE{24*3600}
 
 <div class="cadre-une">

 <ul class="onglets">

   <li><a href="#" name="contenu_1" class="tab active " title="Sénart Nord">Sénart Nord</a></li>

   <li><a href="#" name="contenu_2" class="tab " title="Pôle">Pôle</a></li>
 
  <li><a href="#" name="contenu_3" class="tab">derniers articles</a></li>
  
 <li><a href="#" name="contenu_4" class="tab">Plan du site</a></li>

 </ul>
 
 <div class="contenu_1 content">

<INCLURE {fond=inclusions/inc-sommaire}>
 </div>

<div class="contenu_2 content">
 <INCLURE {fond=inclusions/inc-Pole}>
 </div>

 <div class="contenu_3 content">
  
 <INCLURE {fond=inclusions/inc-une_derniers}>

 </div>

  <div class="contenu_4 content">
  
  <INCLURE {fond=inclusions/inc-plan}>
 
 </div>


</div>

Les deux premiers onglets s’affichent dans contenu sans style.
Par contre les deux derniers (qui sont d’origine) s’affichent proprement dans un cadre
J’ai le même problème avec une page plan du site que je veux afficher séparément
Je comprends que le problème est lié aux feuilles de style
Je n’arrive pas à trouver la solution
Naïvement je pense que

<div class="cadre-une">

s’applique aux quatre contenus ?

Est-il possible de me sortir de cette galère ?

Un grand merci d’avance
André ( Le fleuriste !)

inc-a_la_une
Jean Christophe Villeneuve - le 29 novembre 2010

le style cadre-une permet juste de positionner le cadre.

Pour styler tes contenus supplémentaires, il faut définir tes styles "article" et "Pole".
Par exemple :

#article, #Pole {
background-color: #336699;
}

Evite aussi les liens absolus du style

a href="http://127.0.0.1/spip.php?article10"

Préfère plutôt des liens du genre

a href="#URL_PAGE{article10}"

inc-a_la_une
André PILLON - le 30 novembre 2010

Eh ben ! ça marche,
J’ai placé les définitions pour sommaire et pôle en les différenciant dans style alaune css
Voir ci-dessous

/* ========================================
      Le bloc central de la page sommaire
   ========================================*/
/***********/
/*sommaire et pole en page d'accueil
/***********/

#article, {
padding: 0px;
	margin: 5px 0 4px 0px;

background-color: #9FBDF3;
font-size: 12px;
}
#Pole{
padding: 0px;
	margin: 5px 0 4px 0px;

background-color: #ff0000;
font-size: 12px;
}

/***********/
/* onglets */
/***********/

Merci, je commence à comprendre cette fameuse histoire de feuilles css
André,le vieux gamin

Derniers commentaires

bugs suite à dépassement de taille serveur
Cool ! Tiens-moi au courant quand ton site sera en ligne, stp.

bugs suite à dépassement de taille serveur
Le site est de nouveau sur ses pieds ! Merci de ton aide !!

bugs suite à dépassement de taille serveur
Essaie aussi de vider le cache par FTP, c’est-à-dire vider le dossier /tmp/cache

bugs suite à dépassement de taille serveur
Bonjour, Merci de ton aide ! 🙂 inc-identification.html présent, droits d’accès 666, comme tous (...)

bugs suite à dépassement de taille serveur
Ok, alors commence par vérifier la présence du fichier inc-identification.html dans (...)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2