1. ✅ Apprenez une METHODE qui marche pour votre SEO ! Formation à distance avec Olivier Duffez et Fabien Facériès + aide pour prise en charge du financement
    Rejeter la notice

Problème de validation XHTML 1.0

Discussion dans 'Administration d'un site Web' créé par curieuxmann, 13 Décembre 2003.

  1. curieuxmann
    curieuxmann WRInaute discret
    Inscrit:
    23 Novembre 2003
    Messages:
    90
    J'aime reçus:
    0
    Bonjour,


    Voici quelques problèmes répertoriés par le W3C sur certaines de mes pages, avec en rouge l'erreur du W3C :

    Line 27, column 129: there is no attribute "border" (explain...).

    <div class="entete"><a href="index.html"><img src="logo.jpg" alt="logo" title="Accueil" width="778" height="74" border="0" /></a></div>


    L'attribut "border" serait-il interdit en XHTML 1.0 ? Dans ce cas, si l'on veut une bordure autour d'une image, comment faire, peut-être faut-il dire cette info à l'agent-utilisateur en mettant un sélecteur .img dans une CSS avec la propriété border ?


    De plus, y-a-t'il des exceptions du W3C ? Je veux dire par là, peut-être qu'une page n'est pas valide parce qu'elle contient parfois des syntaxes redondantes afin que la page soit compatible avec des agents-utilisateurs plus anciens, non ?

    C'est le cas je crois avec <br> par exemple :

    Valide pour le W3C mais incompatible avec les vieux butineurs :

    <br></br>

    Invalide pour le W3C mais compatible avec les nouveaux et anciens butineurs :

    <br />


    J'espère que je n'ai pas pris un mauvais exemple avec le BR.
     
  2. Monique
    Monique WRInaute passionné
    Inscrit:
    16 Septembre 2002
    Messages:
    1 154
    J'aime reçus:
    0
    Bonjour,

    Déja en HTML strict, la propriété border d'une image est interdite.
    Il faut donc passer par la feuille de style :
    Code:
     img {
    border: 0;
    }
    tu donnes la valeur qui te convient, tu peux aussi définir la couleur de la bordure éventuelle.

    En HTML, que ce soit </br> ou < br />, les deux sont refusés (cela n'existait pas encore quand les spécifications ont été établies).
    En XHTML, toutes les balises doivent être fermées, d'où le </br>.
    C'est pour éviter des problèmes d'affichage avec les anciens navigateurs que l'écriture <br /> de même que <img />) est utilisée et elle est acceptée par le validateur en mode XHTML.

    Amicalement,
    Monique
     
  3. nikoshr
    nikoshr WRInaute occasionnel
    Inscrit:
    10 Juillet 2003
    Messages:
    295
    J'aime reçus:
    0
    L'attribut border n'est pas interdit, c'est juste qu'il n'existe pas en XHTML 1.0 et qu'utiliser un attribut non déclaré est invalide. D'accord, ca revient au même.

    La solution est effectivement de contrôler les bordures en CSS, avec par exemple

    Code:
    IMG { border :0}
    IMG.bordered { border:1px solid red}
    et le code correspondant pour une image avec bordure
    Code:
    <img class='bordered' ... />
    Tous les tags doivent être fermés pour être valides, la syntaxe <br /> étant tout à fait correcte.

    [edit]Tiens, trop tard[/edit]
     
  4. Remi L.
    Remi L. WRInaute impliqué
    Inscrit:
    6 Septembre 2003
    Messages:
    909
    J'aime reçus:
    0
    Le seul problème du border:0 en css, est que Netscape 4 n'en tient pas compte.

    Donc personnellement, bien qu'écrivant en xhtml strict, je conserve le border 0 dans certaines balises IMG. Cela me fait invariablement une erreur quand je valide. :wink:
     
  5. curieuxmann
    curieuxmann WRInaute discret
    Inscrit:
    23 Novembre 2003
    Messages:
    90
    J'aime reçus:
    0
    A propos des CSS et de l'attribut IMG :

    Voulant centrer une image contenue dans un bloc et y supprimer les bordures, je me suis dit que je pouvais faire comme ça :

    CSS :

    Code:
    img {
    	border: 0;
    }
    img.center {
    	text-align : center;
    }
    Et dans la page HTML :

    Code:
    <img class="center" src="banniere.jpg" alt="Accueil" title="Accueil" width="460" height="68" border="0" />

    Bet ben le problème, c'est que cette image ne se centre pas !!!

    Pouvez-vous m'expliquer pourquoi ?[/code]
     
  6. Remi L.
    Remi L. WRInaute impliqué
    Inscrit:
    6 Septembre 2003
    Messages:
    909
    J'aime reçus:
    0
  7. Remi L.
    Remi L. WRInaute impliqué
    Inscrit:
    6 Septembre 2003
    Messages:
    909
    J'aime reçus:
    0
    Mais pour répondre plus précisement à ta question, c'est le contenant qui devrait avoir text-align:center.
    Là tu as dit que si tu mets qqchose dans ton image, tu voudrais qu'il soit centré... :?
     
  8. curieuxmann
    curieuxmann WRInaute discret
    Inscrit:
    23 Novembre 2003
    Messages:
    90
    J'aime reçus:
    0
    <a href="..." target="_blank"> : N

    Mais malheuresement le W3C ne valide apparemment pas la valeur _blank.
    Dans ce cas, quelle valeur ou attribut faudrait-il utiliser ?

    Bonjour,

    Si tu veux absolument utiliser target_blank, tu ne peux valider qu'en transitional.
    Si non, tu peux toujours utiliser la popup intelligente de url=http://openweb.eu.org/articles/popup/]openweb[/url]
    Code:
    <a href="page.htm" onclick="window.open(this.href);">
    Amicalement,
    Monique

    Oups... désolée, j'ai cliqué sur Editer au lieu de citer et j'ai effacé une partie de ton message... :oops:
     
  9. Remi L.
    Remi L. WRInaute impliqué
    Inscrit:
    6 Septembre 2003
    Messages:
    909
    J'aime reçus:
    0
    Aucune...

    En mode strict, on est censé laisser l'utilisateur décider si oui ou non une page doit s'ouvrir dans une nouvelle fenêtre ou non.

    Ceci dit, je mets quelques _blank tout de même... :wink:
    Je trouve le _blank plus intéressant quand on sort du domaine.
     
Chargement...
Similar Threads - Problème validation XHTML Forum Date
[Données structurées] Outil Testing tool > Problème de validation champ @id Référencement Google 31 Juillet 2017
Problème validation propriété site Google Débuter en référencement 11 Février 2016
problème validation SPF => ip cryptée Administration d'un site Web 23 Juin 2013
Problème de validation de W3C avec le code Rich Snippets? Développement d'un site Web ou d'une appli mobile 6 Décembre 2012
Problème validation d'un formulaire sous Wordpress Développement d'un site Web ou d'une appli mobile 13 Mai 2012
Webmaster problème de validation Débuter en référencement 13 Février 2012
Validateur multipage W3C : problème validation Développement d'un site Web ou d'une appli mobile 27 Avril 2010
Problème de validation W3C Header Développement d'un site Web ou d'une appli mobile 28 Janvier 2010
Search Console Probleme redirection nom de domaine et indexation google Crawl et indexation Google, sitemaps Mercredi à 15:16
Problème passerelle sur Prestashop e-commerce 8 Septembre 2020