[spip-dev] un align=center manquant...

Dev
1

Bonjour,

Voici une demande en forum :
http://www.spip-contrib.net/Des-jeux-dans-vos-articles#forum390550

Mais je suis un peu démuni...
En fait le bug vientdu fait que le plugin impose :
        * { margin:0pt; padding:0pt; }

C'est le simple margin:0pt; qui déporte à gauche la table du petit bandeau,
alors qu'elle est centrée habituellement... c bizzar qu'une marge influe sur
le centrage, non?... FF et IE c pareil.

Le code de présentation.php donne :

<div id="haut-page">
  <div class="bandeau-principal" align="center">
    <div class="bandeau-icones">(...)</div>
    <table width="750" cellspacing="0" cellpadding="0"
align="center">(...)</table>
  </div>
  <div style="border-bottom: 1px solid white; max-height: 40px; width: 100%;
background-color: rgb(192, 202, 212);">
     <table width="750" cellpadding="0" background=""
align="center">(...)</table>
    <div id="bandeau-gadgets">(...)</div>
  </div>
</div>

j'ai trituré le css sans résultat, le seul moyen que j'ai trouvé c'est un
pipeline affiche_gauche qui insère du javascript !! il manque en effet un
align="center" sur le div du petit bandeau...

<script type="text/javascript"><!--
    document.getElementById('haut-page').childNodes[2].align='center';
--></script>

Et ça donne bien :
<div align="center" style="border-bottom: 1px solid white; max-height:
40px; width: 100%; background-color: rgb(192, 202, 212);">

Mais y aurait peut-être moyen de faire plus simple ?
Merci d'avance pour vos idées
Pat

2

Pat a écrit :

Bonjour,

Voici une demande en forum : Des jeux dans vos articles ! - SPIP-Contrib

Mais je suis un peu démuni...
En fait le bug vientdu fait que le plugin impose :
        * { margin:0pt; padding:0pt; }

C'est le simple margin:0pt; qui déporte à gauche la table du petit bandeau, alors qu'elle est centrée habituellement... c bizzar qu'une marge influe sur le centrage, non?... FF et IE c pareil.

Le code de présentation.php donne :

<div id="haut-page">
  <div class="bandeau-principal" align="center">
    <div class="bandeau-icones">(...)</div>
    <table width="750" cellspacing="0" cellpadding="0" align="center">(...)</table>
  </div>
  <div style="border-bottom: 1px solid white; max-height: 40px; width: 100%; background-color: rgb(192, 202, 212);">
     <table width="750" cellpadding="0" background="" align="center">(...)</table>
    <div id="bandeau-gadgets">(...)</div>
  </div>
</div>

j'ai trituré le css sans résultat, le seul moyen que j'ai trouvé c'est un pipeline affiche_gauche qui insère du javascript !! il manque en effet un align="center" sur le div du petit bandeau...

<script type="text/javascript"><!--
    document.getElementById('haut-page').childNodes[2].align='center';
--></script>

Et ça donne bien :
<div align="center" style="border-bottom: 1px solid white; max-height: 40px; width: 100%; background-color: rgb(192, 202, 212);">

Mais y aurait peut-être moyen de faire plus simple ?
Merci d'avance pour vos idées
Pat

J'ai pas analysé tout mais évite le align="center" déprecié, il me semble, en xhtml, et fais plutot
<baliseparente style="text-align:center"><div style="margin:0 auto; text-align:left">
(le text-align:left permet uniquement de reprendre ta mise en page de texte, tu peux t'en passer pour le centrage)

3

Merci de ta réponse, mais là il s'agissait de corriger à la volée une petite
faiblesse de présentation dans Spip 1.9.1. Ce pb n'existe plus sous Spip
1.9.2
Je n'arrive pas à régler le problème de la ligne en question en manipulant
les css, alors j'ai pensé utiliser du javascript pour ajouter un attribut au
<div id="haut-page"> fautif pour avoir <div "align=center" id="haut-page">
et régler le problème...

"toutati" <toutati@free.fr> a écrit dans le message de news:
45B8DAE3.9080309@free.fr...
Pat a écrit :

Bonjour,

Voici une demande en forum :
Des jeux dans vos articles ! - SPIP-Contrib

Mais je suis un peu démuni...
En fait le bug vientdu fait que le plugin impose :
        * { margin:0pt; padding:0pt; }

C'est le simple margin:0pt; qui déporte à gauche la table du petit
bandeau,
alors qu'elle est centrée habituellement... c bizzar qu'une marge influe
sur
le centrage, non?... FF et IE c pareil.

Le code de présentation.php donne :

<div id="haut-page">
  <div class="bandeau-principal" align="center">
    <div class="bandeau-icones">(...)</div>
    <table width="750" cellspacing="0" cellpadding="0"
align="center">(...)</table>
  </div>
  <div style="border-bottom: 1px solid white; max-height: 40px; width:
100%;
background-color: rgb(192, 202, 212);">
     <table width="750" cellpadding="0" background=""
align="center">(...)</table>
    <div id="bandeau-gadgets">(...)</div>
  </div>
</div>

j'ai trituré le css sans résultat, le seul moyen que j'ai trouvé c'est un
pipeline affiche_gauche qui insère du javascript !! il manque en effet un
align="center" sur le div du petit bandeau...

<script type="text/javascript"><!--
    document.getElementById('haut-page').childNodes[2].align='center';
--></script>

Et ça donne bien :
<div align="center" style="border-bottom: 1px solid white; max-height:
40px; width: 100%; background-color: rgb(192, 202, 212);">

Mais y aurait peut-être moyen de faire plus simple ?
Merci d'avance pour vos idées
Pat

J'ai pas analysé tout mais évite le align="center" déprecié, il me
semble, en xhtml, et fais plutot
<baliseparente style="text-align:center"><div style="margin:0 auto;
text-align:left">
(le text-align:left permet uniquement de reprendre ta mise en page de
texte, tu peux t'en passer pour le centrage)