5568 sujets

Sémantique web et HTML

L'attribut align de l'élément p et l'attribut align H1 obsolètes

Bonjour,
je suis nouveau sur votre forum et je vous remercie de me laisser partager le problème que je rencontre sur notre site internet récent de quelques mois,je découvre le cms depuis la création du site et de tout ce qui va avec,HTML,CSS,les fichiers PHP...Le thème est un corpo responsive business & porfolio ,version php/mysql:5.

En effet,suite à une analyse faite sur le site,il en ressort un grand nombre d'erreurs W3C:

Ligne 110 ... = "Text-align: center;" align = "justify" > L'attribut align de l'élément p est obsolète.Utiliser CSS à la place

Ligne 111 <Align = h1 "justifier" > <span style="font-family: Calibri, sans-serif;"> <span style .. .L'attribut align de l'élément H1 est obsolète.Utiliser CSS à la place.

Ligne 113 <P align = "justify" > ... L'erreur se répète ainsi de suite ligne/ ligne

J'ai aussi cette erreur en fin de page par rapport au copyright,cette ligne(273) contient l'url du logo et celle de copyright:
L'attribut de la frontière est obsolète. Envisager de préciser img {border: 0; } En place CSS.

Je ne sais pas comment modifier ou rajouter dans le CSS le bon code pour mettre le site en conformité avec le W3C,D'après ce que je vois,notre thème utilise un langage obsolète sur certaines balises,

Je vous remercie d'avance de m'aiguiller dans la marche à suivre,le Html est un univers très intéressant .
salut,
en effet ces attributs sont plus qu'obsolètes par rapport à un doctype "moderne". D'ailleurs le doctype n'est mentionné. Peut être qu'un lien directement vers la page aurait aidé.
Cet attribut est tout simplement à remplacer en CSS par "text-align:justify".
bonjour,

le doctype est le suivant:
<!DOCTYPE html>
<html lang="fr-FR" prefix="og:  http://ogp.me/ns#"  class="no-js">
	<head>
		<meta charset="UTF-8">


dans ma feuille de style,dans la partie content,j'ai une ligne écrite ainsi: 
#callout { text-align: center; }

c'est ici que je modifie l'attribut?

Je laisse un lien vers notre page:
(mon nom de domaine ref-isere).fr

Merci beaucoup de l'aide
Modifié par 6l20 (05 May 2014 - 11:08)
C'est donc un document HTML5. Il faudrait cibler, dans le fichier CSS lié, les éléments dont l'attribut est "align" pour leur appliquer un "text-align:justify".
Si tu ne sais pas comment faire, tu peux tout simplement donner une classe à ces éléments pour l'utiliser ensuite.
Par contre d'après ce que je vois, l'alignement du texte est déjà présent et établi à "center" donc il faudrait peut être savoir le type d'alignement que tu souhaites.
Il faut aussi supprimer l'attribut "border" des balises <img> et le remplacer en CSS par "border:none".
Bonjour,

Merci de me consacrer du temps pour mon problème!!

Alors j'ai regardé le style CSS,je retrouve text -align:center dans une vingtaine de lignes réparties sur toute la feuille de style,j'ai une seule ligne(pagenavi) ou j'ai alignleft et alignright.
J'ai relevé toutes les lignes du css style avec notepad++ pour ciblé l'attribut.Je regarde sur le forum pour comprendre tous ces termes lié au html et css.

Pour ce qui est de leur appliquer un "text-align:justify" ou leur donner une classe,je cherche aussi,pas évident de trouver le bon code en fait, tout ça est nouveau pour moi mais très intéressant.

En ce qui concerne le type d'alignement désiré,c'est le justifié et là on a actuellement le centré comme tu l'as dit donc à voir...

Merci encore de l'aide et bonne soirée Zelaslsan Smiley smile
En fait en regardant avec la console, je ne vois aucun "text-align" appliqué aux éléments possédant cet attribut. Donc je pense que le mieux serait de leur appliquer une classe (c'est très simple) :

<p>Exemple d'élément avant</p>
<p class="JustifyAlign">Exemple d'élément après</p>

Puis appliquer un style via CSS (c'est encore une fois très simple) :

.JustifyAlign {text-align:justify}

Par contre, même si je suppose que tu dois le savoir, l'alignement justifié ne prendra pas effet si le texte n'apparaît que sur une seule ligne.
Voilà voilà...
Bonjour,

Merci beaucoup pour les lignes de code,pour le justifié c'est vrai que ça ne sert à rien vu la manière dont nos contenus sont rédigés.Je voulais te demander pour les lignes suivantes:

<p>Exemple d'élément avant</p>
<p class="aligncenter">Exemple d'élément après</p>

je l'intègre au fichier functions.php ?

Et pour cette ligne là:

.aligncenter {text-align:center}

je l'insère au style css dans cette section là:

/* 04.Content

Merci encore de ton aide,tout ceci est très récent pour moi ,le HTML,le CSS,WP,le FTP...ça ne fait que quelques mois que j'apprend et c'est pas évident mais on apprend tous les jours dans cet univers et c'est ça qui est intéressant.
Bonjour,
fifidecoublevie a écrit :
je l'intègre au fichier functions.php ?

Quel fichier functions.php ? Tu n'en parle nulle part avant dans le fil de discussion… c'est un thème WordPress, c'est ça ? La prochaine fois essaye de mieux décrire ton contexte : il y a des milliers de CMS, de façon de faire, etc. On ne peut pas deviner ce contexte…
Zelalsan t'a répondu au mieux avec le peu d'infos que tu donne… il t'a donc proposé un cadre général d'utilisation, simplement en HTML/CSS.
Donc non, pas dans functions.php, ça ne servirait à rien. Pro tip : une simple recherche google "Wordpress functions.php" t'aurais permis de comprendre à quoi sert ce fichier.
(toujours penser à lire la putain de documentation (RTFM pour les anglophones ^^)

Non, il faut remplacer cela dans les fichiers du thème utilisés par la page où ces éléments apparaissent. Sans page en ligne, impossible de t'aider une fois de plus, donc pour le trovuer tout seul, je te dirais d'aller voir dans la hiérarchie des templates (+ explications sur ce schéma ici).

fifidecoublevie a écrit :
.aligncenter {text-align:center}
je l'insère au style css dans cette section là:
/* 04.Content

Ben ça on ne peut pas savoir, on ne connais pas ta feuille de styles. Mais oui, c'est bien dans le fichier style.css de ton thème WP qu'il faut l'intégrer.

— — —
AMHA, avant de modifier ton thème WordPress, tu ferais mieux de commencer par apprendre à faire un mini site de quelques pages en HTML/CSS. Ça te permettrais d'un peu mieux savoir ce que tu fais. Ici, en allant plus vite que la musique, tu finis par tout mélanger. On dirait que tu tentes des choses en espérant que ça marche. Il faudrait au contraire essayer de comprendre comment ça fonctionne avant de faire quoi que ce soit Smiley smile Bonne nouvelle, la section "Apprendre" (tu as des rubriques par niveaux de compétence qui te permettront de cibler) de ce forum est faite pour ça. Tu peux aussi consulter les petits cours d'OpenClassroom Smiley smile
Modifié par audrasjb (08 May 2014 - 10:11)
Bonjour audrasjb,

Tu as raison,il faut comprendre ce qu'on fait avant de faire quoi que ce soit...Merci pour les liens WP,celui du squelette est important c'est clair.
c'est un thème wordpress:corpo responsive business&portfolio theme,http://webtuts.pl/test/corpo/
Je vais voir tout ça ,merci audrasjb
Bonjour,
Tout est résolu pour la non conformité w3c Html,les attibuts align,center,la bordure du logo copyright et le souci avec le formulaire de contact.
J'ai testé avec le w3c le style css,là aussi j'ai des erreurs et des avertissements mais pour d'autres choses ,je mettrais un nouveau post.
J'ai pris un livre sur le html,xhtml &css ça aide pour comprendre les termes Smiley smile
Merci beaucoup de votre aide Smiley biggrin
Sujet clos
Aller à