mise à jour 5.2 : affichage !!!

bg62 · décembre 2013

bonjour,
Je viens à peine de faire la mise à jour du blog et déjà les problèmes arrivent ^^
-- le premier : plus d'affichage des lettres en italique !!??
éditeur : " plxEditor - Version 1.2 (20/10/2011) "
niveau codage de la source cela donne ceci :

[== Indéfini ==]
    <em>

        21 heures 31 le 30/11/2013 ....

    </em>

ou encore ceci :

[== Indéfini ==]
<em>

    Le répertoire du rituel des classes d’âge de Louvain

</em>

qui s'affichent bien en italiques c$oté 'visuel' dans l'admin, mais pas côté visuel sur le site en ligne ...
exemple :
mise à jour PluXml
... donc là j'ai ENCORE loupé une étape ... mais laquelle ???
@mitiés à tous
bg

danielsan · décembre 2013

c'est un pb de css

Jerry Wham · décembre 2013

Quel thème utilises-tu ? Danielsan a raison en disant que c'est un problème css. Peut-être que tu utilises des règles qui redéfinissent le comportement de certaines balises pour avoir un rendu identique quel que soit le navigateur ?

bg62 · décembre 2013

oui ... justement la CSS ^^ je m'en doutais, mais je ne trouve pas ni où ni comment corriger cela ..
le thème ? ... 'bidouillage' perso à partir du thème par défaut ..:)
mais là ???

chriss · décembre 2013

bonjour,

oui ... justement la CSS ^^ je m'en doutais, mais je ne trouve pas ni où ni comment corriger cela ..
le thème ? ... 'bidouillage' perso à partir du thème par défaut ..:)
mais là ???

Dans ta feuille de style "style.css" ligne 9:

[== CSS ==]
*{margin:0;padding:0;border:0;font-family:chatype_regularregular, arial, helvetica, sans-serif;font-size:1em;font-weight:normal;font-style:normal;text-decoration:none;}

font-style est à normal. ce qui met tout tes textes en normal... la balise <em> n'est pas une balise pour une fonte italique, mais pour mettre en emphase le texte entre ces balises.
Bon à savoir <em> ne remplace donc pas <i>. Il serait mieux de créer un style CSS avec font-style: italic;
De même pour la balise <strong> ne remplace pas <b> mais utiliser font-weight: bold;
http://www.alsacreations.com/article/lire/552-strong-b-em-i-quelle-balise-utiliser-et-pourquoi.html

bg62 · décembre 2013

grand merci Christian, j'ai fait ceci :

[== CSS ==]
/*font-weight:normal;font-style:normal;*/

et si je ne me suis pas trompé, il semblerait que j'ai récupéré l'affichage

bg62 · décembre 2013

Par contre si la CSS n'est pas encore tip top, elle est au moins valide W3C maintenant ...
Mais niveau HTML alors là c'est la cata !!!
http://validator.w3.org/check?uri=http%3A%2F%2Fblog.unesourisetmoi.info%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
31 erreurs 32 alertes !!!
la grande majorité provenant de ceci :

[== HTML ==]
<div id="art-tags">

et là aucune idée pour corriger ... SOS !!!

signé : le boulet ^^

Frédéric · décembre 2013

Hello Bg62,

Remplace tout tes id par des class, un seul id peux être appelé sur une page

bg62 · décembre 2013

Frédéric a écrit:

Hello Bg62,

Remplace tout tes id par des class, un seul id peux être appelé sur une page

grand merci

je les ai tous modifiés ....
et ... me restent ...
9 Errors, 10 warning(s)
....

chriss · décembre 2013

Bonjour,

+1 pour les id.
pour la première erreur "<nav role="nav"> " role="nav" est inconnu, cela doit être role="navigation"

pour 5 warnings, (les border="0") ne sont plus acceptés comme attribut dans le HTML, il faut les placer dans le CSS
par contre pour les 4 autres, warnings sur le javascript, je sèche.
Pour les 5 dernières erreurs pour <h6>, <h6> ne peut être un enfant de <ul>.... C'est à dire ne peut être compris entre les balises <ul>
ahh pour la deuxième erreur tu as 2 class pour la balise <a>

autre choses:
dans

[== HTML ==]
<h3>Mots-clés</h3>
		</ul>
			<ul>

le </ul> est de trop.

Dans

[== HTML ==]
</ul>

	</aside>

	</div>

Il y a une balise de fin </aside> mais pas de balise d'ouverture <aside>

pour

[== HTML ==]
<div style="clear:left;"></div>
</div>
				</br>

Ce n'est pas </br> mais <br> ou encore <br />

Bon je m'arrête là mon cerveau est en surchauffe, surtout au lever du lit...

bg62 · décembre 2013

encore merci, c'est plus que sympa

pour </ul> j'ai supprimé, pour les 'br' je pense qu'il ne doit plus y avoir d'erreurs non plus,
pour <nav role="nav"> c'est fait j'ai mis " <nav role="navigation"> "
j'ai annulé les " border="0" " avec ceci pour voir '  ' car je ne sais pas comment les mettre dans la css ...
mais pour " </aside> " j'ai ceci en début : " <aside role="complementary"> "... ce n'est pas bon ???
pour:

Pour les 5 dernières erreurs pour <h6>, <h6> ne peut être un enfant de <ul>.... C'est à dire ne peut être compris entre les balises <ul>
ahh pour la deuxième erreur tu as 2 class pour la balise <a>

... pas tout compris là non plus ...

et j'en suis maintenant à
28 Errors, 15 warning(s)
^^
les annulations que j'avais faites (  ) sont prises en erreur ...
et donc maintenant, restent :
8 Errors, 5 warning(s)
devient fou aussi ...

chriss · décembre 2013

bg62 a écrit:

encore merci, c'est plus que sympa
pour </ul> j'ai supprimé, pour les 'br' je pense qu'il ne doit plus y avoir d'erreurs non plus,

si il y avais une erreur, tu as du la réparer je ne la trouve plus.

mais pour " </aside> " j'ai ceci en début : " <aside role="complementary"> "... ce n'est pas bon ???

Là je suis perdu

Firefox m'annonce une erreur sur ce </aside> et si je copie la source dans notepad ++ <aside> pointe correctement sur </aside> mais aussi sur le </div> qui suit ??????????????????
Peut-être un <div> qui commence entre les balises <aside></aside> et qui se ferme en dehors, mais laquelle ??????
ex:

[== Indéfini ==]
<aside>
          <div>
</aside>
          </div>

pour:

Pour les 5 dernières erreurs pour <h6>, <h6> ne peut être un enfant de <ul>.... C'est à dire ne peut être compris entre les balises <ul>
ahh pour la deuxième erreur tu as 2 class pour la balise <a>

... pas tout compris là non plus ...

Je voulais dire que tu ne peut avoir ceci

[== Indéfini ==]
<ul>
     <h6>.....</h6>
</ul>

Mais <h6></h6> doit être sorti des balises <ul> </ul>
Dans la colonne actualités, tu as ceci

[== HTML ==]
<h3>Actualités</h3>
		<ul>
		<h6>fonds d&#039;écran</h6>

cela devrait être

[== HTML ==]
<h3>Actualités</h3>
		
		<h6>fonds d&#039;écran</h6>
                </ul>
                      <li> ..........

mais aussi

[== HTML ==]
vraiment très spéciales !!!</a></li><h6>échange de liens en dur</h6><li><a target="_blank" href="

mais ...

[== HTML ==]
vraiment très spéciales !!!</a></li>

</ul>

<h6>échange de liens en dur</h6>

<ul>

<li><a target="_blank" href="
....
....
....
</ul>

etc...
CÀd fermer la balise <ul> avant <h6> et en réouvrir une autre après </h6>.

J'espère que mes explications sont claires

chriss · décembre 2013

Explication pour la balise <br> et différence avec <br />

<br> (Line Break, ou Retour à la ligne) produit un retour à la ligne dans le texte. C'est utile dans le cas de poèmes ou d'adresses, où les séparations de lignes sont importantes.

N'utilisez pas <br> pour augmenter les espaces entre des lignes de texte : utilisez la propriété CSS margin ou l'élément HTML <p>.

Mais en XHTML toute balise ouverte doit être refermée. Du coup <br /> est une simple balise qui contient une ouverture ET une fermeture.

Donc HTML5 <br>
et Xhtml4.01 <br />

bg62 · décembre 2013

chriss a écrit:

Explication pour la balise <br> et différence avec <br />

<br> (Line Break, ou Retour à la ligne) produit un retour à la ligne dans le texte. C'est utile dans le cas de poèmes ou d'adresses, où les séparations de lignes sont importantes.

N'utilisez pas <br> pour augmenter les espaces entre des lignes de texte : utilisez la propriété CSS margin ou l'élément HTML <p>.

Mais en XHTML toute balise ouverte doit être refermée. Du coup <br /> est une simple balise qui contient une ouverture ET une fermeture.

Donc HTML5 <br>
et Xhtml4.01 <br />

grand merci

un vrai 'tuto' qui peut être bien utile ....
pour le reste, à la bourre comme d'hab et la tête dans le Q aussi ... donc je vois ça au plus vite et je réponds ... à l'heure française ...

@+

chriss · décembre 2013

bg62 a écrit:

.....
grand merci
un vrai 'tuto' qui peut être bien utile ....
pour le reste, à la bourre comme d'hab et la tête dans le Q aussi ... donc je vois ça au plus vite et je réponds ... à l'heure française ...
@+

De rien référence prise sur mon site.... pas encore complet et pas entièrement traduit; références trouvées sur le net.

http://chorale.shost.ca/index.php?static2/html

bg62 · décembre 2013

re ... je viens de regarder ...
toutes les balises 'h6' que j'ai proviennent des liens générés par ce code :

[== Indéfini ==]
		<h3><?php eval($plxShow->callHook('showRSSrollHead')); ?></h3>
		<ul>
		<?php eval($plxShow->callHook('showRSSroll', '<h6>#title</h6>')); ?>
		
		</ul>

donc relié au plugin :
http://forum.pluxml.org/viewtopic.php?id=3937
alors comment changer les 'ul' en suivant tes conseils ... là ???

chriss · décembre 2013

en effet, difficile de corriger.... et comme je suis nul en PHP. Je ne pourrais te répondre.

Edit: [del]ahh si peut-être en remplaçant les h6 par des div et une class.... je vérifie.[/del]

chriss · décembre 2013

bg62 a écrit:
re ... je viens de regarder ...
toutes les balises 'h6' que j'ai proviennent des liens générés par ce code :
[== Indéfini ==]
		<h3><?php eval($plxShow->callHook('showRSSrollHead')); ?></h3>
		<ul>
		<?php eval($plxShow->callHook('showRSSroll', '<h6>#title</h6>')); ?>
		
		</ul>
donc relié au plugin :
http://forum.pluxml.org/viewtopic.php?id=3937
alors comment changer les 'ul' en suivant tes conseils ... là ???

Ce qui serait valide sans trop modifier le code du plugin serait ceci:

[== HTML ==]
<h3><?php eval($plxShow->callHook('showRSSrollHead')); ?></h3>
		<ul>
		<?php eval($plxShow->callHook('showRSSroll', '<li><h6>#title</h6></li>')); ?>
		
		</ul>

et peut-être rajouter une class c5 à <li> ....<li class="c5">, et dans la feuille de CSS:

[== CSS ==]
li.c5 {list-style: none; display: inline}

chriss · décembre 2013

Bon matin,
j'ai vu que tu as fait la modification.... Mais tu devras rajouter une classe pour supprimer le style devant le titre.

Il manque </ul> avant <h3>Actualités</h3>, pour la dernière erreur. En réparant cette erreur 2 autres devraient disparaitre (erreurs !)

bg62 · décembre 2013

chriss a écrit:

Bon matin,
j'ai vu que tu as fait la modification.... Mais tu devras rajouter une classe pour supprimer le style devant le titre.

Il manque </ul> avant <h3>Actualités</h3>, pour la dernière erreur. En réparant cette erreur 2 autres devraient disparaitre (erreurs !)

bon matin à toi surtout !!!
je n'ai pas voulu aller trop vite sachant que nous n'avons pas les mêmes horaires .....

tu me parles des '2 autres' .... pour l'instant, moi je n'ai plus rien comme erreur de signalée, juste les derniers problèmes avec le JS, mais que je ne peux pas changer ... je pense car c'est un code pub qui m'a été donné ...

et je continue de suivre tes conseils pour 'nettoyer' aussi les pages des articles, car elles n'ont pas le même header ....
@mitiés
bg

chriss · décembre 2013

bg62 a écrit:

bon matin à toi surtout !!!
je n'ai pas voulu aller trop vite sachant que nous n'avons pas les mêmes horaires .....
tu me parles des '2 autres' .... pour l'instant, moi je n'ai plus rien comme erreur de signalée, juste les derniers problèmes avec le JS, mais que je ne peux pas changer ... je pense car c'est un code pub qui m'a été donné ...

et je continue de suivre tes conseils pour 'nettoyer' aussi les pages des articles, car elles n'ont pas le même header ....
@mitiés
bg

Bizarre, d'après validator W3C il y a encore 9 erreurs dont celles données!!! et je les vois dans le code source .

http://validator.w3.org/check?uri=http%3A%2F%2Fblog.unesourisetmoi.info%2Findex.php%3Farticle1141%2Fmise-a-jour-majeure-pluxml&charset=%28detect+automatically%29&doctype=Inline&group=0

bg62 · décembre 2013

je n'ai pas tout terminé, et je ne peux pas vraiment te répondre car :
" The error encountered was: 500 Can't connect to validator.w3.org:80 (connect: Connection timed out) "
.... un peu plus tard ou demain matin ... quand ce ne sera pas saturé

@+

bg62 · décembre 2013

un peu long mais je suis toujours dessus !

je viens d'en supprimer 2 autres ( restent donc 9 erreurs et 5 alertes sur les articles ) mais là où je comprends le moins c'est ceci :

Bad value prettyPhoto[3886] for attribute rel on element a: The string prettyphoto[3886] is not a registered keyword or absolute URL.

…Photo[3886]" title="blog_517_30112013"><img src="./data/images/photos/52/blog_…

Syntax of link type valid for <a> and <area>:
A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the HTML specification, or must be listed as allowed on <a> and <area> on the Microformats wiki, or must be an absolute URL. You can register link types on the Microformats wiki yourself.

qui proviendrait donc du plugin utilisé ???
et qui pouratant est à jour:
" ArtGalerie - Version 3.3 (12/08/2013)
Ajout de galerie d'images à vos articles
Auteur : Rockyhorror - http://thepoulpe.net"
alors là ...

chriss · décembre 2013

Bonjour et joyeuses fêtes,

Juste 5mns pour te répondre....pas facile en ce moment les petits enfants sont là

bon...comme tu dit cela vient du plugin, pour le W3c " rel="prettyPhoto[7157]" " ne veut rien dire..prettyPhoto[7157] n'est pas une valeur autorisée.
Pour plus d'explication http://www.alsacreations.com/article/lire/1400-attribut-rel-relations.html

A la fin de l'article on peut lire ceci:

Détournement = Danger

Beaucoup d'outils (CMS, JavaScript) utilisent l'attribut rel comme une solution au marquage spécifique d'un élément ou au transport d'une information nécessaire à l'exécution d'un script par exemple. Il s'agit peut-être d'un usage détourné lié à l'ignorance de l'utilité de cet attribut, ou au manque de rigueur de certains développeurs.

Voici 3 exemples de ressources en ligne qui utilisent ce procédé et qui invalideront votre page HTML5 :

Lightbox 2 par Lokesh Dhakar
FancyBox par Jānis Skarnelis
ShadowBox par Michael J. I. Jackson

Si le besoin de transporter une information se fait ressentir, favorisez l'utilisation des attributs data-*.

mise à jour 5.2 : affichage !!!

Réponses