Petits pixels disgracieux avec blocs dépliables couteau suisse

moustiquaire · Mai 27, 2009, 12:01

C'est curieux, avec les blocs dépliables du CS, j'obtiens des petits parasites (deux points, au dessus et en dessous du bloc titre).
Pas d'URL, adresse privée. Mais quelqu'un a déjà eu ce problème ?

--
martin

Pat2 · Mai 27, 2009, 1:51

Tu as essayé de trifouiller les CSS avec Firefox/Firebug ?
Pat

Martin Granger a écrit :

C'est curieux, avec les blocs dépliables du CS, j'obtiens des petits parasites (deux points, au dessus et en dessous du bloc titre).
Pas d'URL, adresse privée. Mais quelqu'un a déjà eu ce problème ?

Frederic_Moinard · Mai 27, 2009, 2:21

Bonsoir,

Pat a écrit :

Tu as essayé de trifouiller les CSS avec Firefox/Firebug ?
Pat

Martin Granger a écrit :

C'est curieux, avec les blocs dépliables du CS, j'obtiens des petits parasites (deux points, au dessus et en dessous du bloc titre).
Pas d'URL, adresse privée. Mais quelqu'un a déjà eu ce problème ?

Oui. Si FF/FB ne résolvent pas, essayer aussi chiffon + produit à écran (a marché dans mon cas).

--
==>
déjà sorti,
Frédéric

moustiquaire · Mai 27, 2009, 3:21

Pat a écrit :

Tu as essayé de trifouiller les CSS avec Firefox/Firebug ?
Pat

Oui, mais sans résultat notable.
Curieux : les petits pixels (qui sont de la couleur des liens, jaune dans mon cas) apparaissent indifféremment quand c'est plié ou déplié, mais disparaissent quand je clique une seconde fois ailleurs que sur le titre.
Je penche pour un problème de mon côté, mais lequel ? Je suis perplexe...

Olivier_GENDRIN · Mai 28, 2009, 7:49

-----Message d'origine-----
De : Martin Granger [mailto:moustiquaire@free.fr]
Envoyé : mercredi 27 mai 2009 17:21
À : spip@rezo.net
Objet : Re: [Spip] Petits pixels disgracieux avec blocs
dépliables couteau suisse

Pat a écrit :
> Tu as essayé de trifouiller les CSS avec Firefox/Firebug ?
> Pat

Oui, mais sans résultat notable.
Curieux : les petits pixels (qui sont de la couleur des
liens, jaune dans mon cas) apparaissent indifféremment quand
c'est plié ou déplié, mais disparaissent quand je clique une
seconde fois ailleurs que sur le titre.
Je penche pour un problème de mon côté, mais lequel ? Je suis
perplexe...

Ce doit être la balise <a> qui reçoit le focus.

moustiquaire · Mai 30, 2009, 10:17

Olivier Gendrin a écrit :

Ce doit être la balise <a> qui reçoit le focus.

Bon à ceux qui se sentent une âme de philanthrope, je vous donne les codes d'accès, de toute façon le site est bientôt ouvert :

C'est par exemple sur la page
http://global***.net/spip.php?rubrique14
remplacez '***' par 'mus'

ID : global***
Pass : admin

Vous voyez trois blocs dépliables ?
Vous voyez le problème des petits pixels jaunes ?
Eh bien le dernier n'a pas ce problème.
La seule différence :

Dans les deux premiers j'ai
#BLOC_TITRE
[<h2>(#TITRE|image_typo{police=calibribold.ttf,taille=15,largeur=600,couleur=ffffff,align=left})</h2>]

Dans le dernier j'ai
#BLOC_TITRE
<img src="http://global***.net/squelettes/img/contact.png" />
Je précise que ce "contact.png" a été généré par image_typo puis copié dans squelettes/img/

Donc je ne comprends toujours pas pourquoi ces petits points viennent me pourrir mes blocs!

Fred1 · Mai 30, 2009, 10:50

Pas eu le temps de creuser à fond pour déterminer « pourquoi » ça réagit comme ça (apparemment les pixels viennent de « color: #E7D2B5 » dans « a: focus, a: hover, a: active » en ligne 176 de « habillage.css »).
Mais au moins identifié la cause : c’est la balise

enfermant l’image qui déclenche le problème.
Elle n’est effectivement pas présente dans le troisième bloc, d’où la différence.
Et si on la retire des deux premiers, tout va bien.

----- Original Message -----
From: Martin Granger
To: spip@rezo.net
Sent: Saturday, May 30, 2009 12:17 PM
Subject: Re: [Spip] Petits pixels disgracieux avec blocs dépliables couteau suisse

Olivier Gendrin a écrit :

Ce doit être la balise qui reçoit le focus.

Bon à ceux qui se sentent une âme de philanthrope, je vous donne les
codes d’accès, de toute façon le site est bientôt ouvert :

C’est par exemple sur la page
http://global.net/spip.php?rubrique14
remplacez ‹ › par ‹ mus ›

ID : global***
Pass : admin

Vous voyez trois blocs dépliables ?
Vous voyez le problème des petits pixels jaunes ?
Eh bien le dernier n’a pas ce problème.
La seule différence :

Dans les deux premiers j’ai
#BLOC_TITRE
[
(#TITRE|image_typo{police=calibribold.ttf,taille=15,largeur=600,couleur=ffffff,align=left})
]

Dans le dernier j’ai
#BLOC_TITRE

Je précise que ce « contact.png » a été généré par image_typo puis copié
dans squelettes/img/

Donc je ne comprends toujours pas pourquoi ces petits points viennent me
pourrir mes blocs!

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 ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

moustiquaire · Mai 30, 2009, 11:00

merci de t'être penché dessus ! Je crois que je vais supprimer cette balise et tant pis pour la hiérarchie de l'info

--------------
Martin Granger
09 51 08 64 08

----- cFreed <cfreed@orange.fr> a écrit :

Pas eu le temps de creuser à fond pour déterminer "pourquoi" ça réagit comme ça (apparemment les pixels viennent de "color: #E7D2B5" dans "a: focus, a: hover, a: active" en ligne 176 de "habillage.css").
Mais au moins identifié la cause : c'est la balise <h2> enfermant l'image qui déclenche le problème.
Elle n'est effectivement pas présente dans le troisième bloc, d'où la différence.
Et si on la retire des deux premiers, tout va bien.

  ----- Original Message -----
  From: Martin Granger
  To: spip@rezo.net
  Sent: Saturday, May 30, 2009 12:17 PM
  Subject: Re: [Spip] Petits pixels disgracieux avec blocs dépliables couteau suisse

  Olivier Gendrin a écrit :
  > Ce doit être la balise <a> qui reçoit le focus.

  Bon à ceux qui se sentent une âme de philanthrope, je vous donne les
  codes d'accès, de toute façon le site est bientôt ouvert :

  C'est par exemple sur la page
  http://global***.net/spip.php?rubrique14
  remplacez '***' par 'mus'

  ID : global***
  Pass : admin

  Vous voyez trois blocs dépliables ?
  Vous voyez le problème des petits pixels jaunes ?
  Eh bien le dernier n'a pas ce problème.
  La seule différence :

  Dans les deux premiers j'ai
  #BLOC_TITRE
  [<h2>(#TITRE|image_typo{police=calibribold.ttf,taille=15,largeur=600,couleur=ffffff,align=left})</h2>]

  Dans le dernier j'ai
  #BLOC_TITRE
  <img src="http://global***.net/squelettes/img/contact.png" />
  Je précise que ce "contact.png" a été généré par image_typo puis copié
  dans squelettes/img/

  Donc je ne comprends toujours pas pourquoi ces petits points viennent me
  pourrir mes blocs!
  _______________________________________________
  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 ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

Philippe_Vayssiere · Mai 30, 2009, 11:39

Martin Granger a écrit :

merci de t'être penché dessus ! Je crois que je vais supprimer cette balise et tant pis pour la hiérarchie de l'info

Bonjour,

oui c'est le mieux car la non-validité du code HTML semble être à l'origine du bug.

Il y a comme erreurs sur cette page d'après http://validator.w3.org (méthode "Validate by Direct Input" du code source copié-collé) :
- manque de balise ouvrante <body> juste après la balise fermante </head> (car il y a inversion de div#page et body.classe_rubrique ... au risque que #page soit "auto-fermé" par les navigateurs quand ils rencontrent la balise <body> ... ou pas selon le navigateur)
- interdit d'imbriquer des titres <hN> les uns dans les autres: on peut y placer des élément en-ligne (span, strong, a, em, ...) mais pas de p ou hN. Le navigateur va peut-être rajouter ce qui est suivi d'un commentaire:

<h4>
  <a href="javascript:;">
    <h2>
      <img src=' <view-source:http://globalmus.net/local/cache-texte/6ed93dfffb39c3d928aaa91488115a80.png>blah' alt='Biographie' />
    </h2>
  </a>
</h4>

==>

ou faire autre chose, il n'a pas d'obligation de résultat quand le code de départ n'est pas valide et se débrouille comme il peut ...

- balise fermante inconnue: <//B_articles> (soit elle n'est pas prise en compte et il y a un souci dans les boucles SPIP soit la mettre en commentaire HTML  ou SPIP [(#REM) <//B_articles> ]
- absence de texte alternatif (attribut alt) sur l'image contact: alt="contact"

La hiérarchie devrait être le titre de niveau 1 actuel et 3 titres de niveau 2: Bio, Desc. et Contact

Cordialement,
Felipe