IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

3 petites erreurs sur Validome ? [W3C]


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de bond70
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    300
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 300
    Par défaut 3 petites erreurs sur Validome ?
    Salut,

    voilà j'ai trois petites erreurs qui sont détectée par Validome et je n'arrive pas à les corriger sur ma page web :



    Voici ma page web :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    		<link rel="stylesheet" type="text/css" href="tp3_style.css"/>
    		<link rel="shortcut icon" type="image/x-icon" href="iconeweb.ico"/>
    		<title>TP3 programmation web</title> 
    	</head>
    	<body>
    	<div>
    	<div  class="bandeau">
    		<img src="marche.gif"  alt="mon image devrait apparaitre" title="un randonneur"/>
    	</div>
    	<h2>Parc Naturel Régional des Ballons des Vosges</h2>
    	<div class="presentation">
    		Le Parc Naturel Régional des <span class="presentation"> Ballons des Vosges </span> vous propose de découvrir ses paysages à l'aide de plusieurs pistes balisées pour partir en <strong class="presentation"> randonnée</strong>. 
    	</div>
    	<br/><br/>
     
    	<div id="imageprincipale">
    		<map name="carte" id="carte">
    			<area alt="zone1" shape="rect" coords="70, 70, 200, 90" href="page1.html#ancre1"tabindex="1" title="zone1"/>
    			<area alt="zone2" shape="rect" coords="205, 135, 380, 165" href="page1.html#ancre2"tabindex="2" title="zone2"/>
    			<area alt="zone3" shape="rect" coords="210, 195, 295, 215" href="page1.html#ancre3"tabindex="3" title="zone3"/>
    		</map>
    		<img src="carte_421_430.gif" name="carte_421_430" alt="mon image devrait apparaître" title="une carte du nord du territoire de belfort" usemap="carte" border="0"/>
    	</div>
     
     
    <h3>randonnées</h3>
     
    <!-- titre ballade 1 : ancre numero 1-->
    <h5 id="ancre1">ballade 1</h5>
    <p class="cite">
    <cite>
    Sur les traces du marquis de Pezay, ce sentier vous invite à la découverte d&lsquo;un grand site national, le Ballon d&lsquo;Alsace:
    terre de rencontres entre diverses cultures, populations, architectures, langues, entre un climat, une nature généreuse
    et belle.
    </cite>
    </p>
     
    <div class="image">
    <img src="1_ballon.jpg"   alt="Photo du ballon d'alsace" title="le ballon d'alsace!" /> 
    </div>
    <span class="reference">
    Extrait du guide &quot;Ballon d'Alsace - sentier de d&eacute;couverte&quot;
     
    </span>
     
    <br /><br />
     
    <span class="contact">Contact</span>
     
    <address>SMIBA<br />2 bis rue Clemenceau - 90000 BELFORT<br />Tel: 03 84 28 12 01<br />http://www.smiba.fr<br />
    </address>
     
    <!-- titre ballade 2 : ancre numero 2-->
    <h5 id="ancre2">ballade 2</h5> 
     
    <p class="cite">
    <cite>
    Découvrir, en se promenant, un environnement naturel et humain varié: ici une chênaie-hêtraie, là,
    d&lsquo;anciennes cultures en terrasse, plus loin le paysage ondulant des têtes et des ballons, prairies odorantes... et si la montée
    essouffle, l&lsquo;arrêt à la chapelle du mont Bonnet sera le réconfort!
    </cite>
    </p>
    <div class="image">
    <img src="2_faye.jpg"  alt="Photo du faye" title="le faye"/> 
    </div>
     
    <span class="reference">
    Extrait du guide &quot; Sur les Hauts d'Etueffont &quot;
     
    </span>
    <br />Contact
     
    <address>Mairie<br />1 rue de Rougemont - 90170 ETUEFFONT<br />Tel: 03 84 54 60 40<br />
    </address>
     
    <!-- titre ballade 3 : ancre numero 3-->
    <h5 id="ancre3">ballade 3</h5>  
    <p class="cite">
    <cite>
    A Giromagny, Située sur le flanc sud du Ballon d'Alsace. Accés par la D465. Accessible par un sentier à assez forte dénivellation.
    </cite>
    </p>
    <div class="image">
     
    <img src="3_rummel.jpg"  alt="photo du Rummel" title="le Rummel!"/> 
    </div>
     
    <br />Contact  
    <address>Office de Tourisme de Belfort et du territoire de Belfort  <br />
    Tél. : 03.84.55.90.90  <br />Fax : 03.84.55.90.70  <br />
    </address>
     
    </div>
     
    </body>
    </html>
    MERCI DE VOTRE AIDE !

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    Pas d'attribut name sur les balises map & img (erreur 1 & 2).
    Enlever border="0" sur ta balise img au profit de son intégration dans un feuille de style.
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    #imageprincipale img { border:none; }
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonsoir,

    Pourtant c'est très clair ...
    Tu vire les attributs name et tu met le border dans le css :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    .tonimage { border:0 }

    En parlant du xhtml 1.1, je te conseil de regarder cette discussion pour comprendre les contraintes liées à ce DTD

  4. #4
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par Macmillenium Voir le message
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    .tonimage { border:0 }
    Pas besoin de créer une nouvelle classe, son image étant dans un div #imageprincipale (ou alors j'ai mal lu le code... )
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par HiRoN Voir le message
    Pas besoin de créer une nouvelle classe, son image étant dans un div #imageprincipale (ou alors j'ai mal lu le code... )
    Dans ce cas (à titre indicatif) on s'en fou tant que le principe (border:0 ou border:none dans la css) est le même

  6. #6
    Membre éclairé Avatar de bond70
    Profil pro
    Inscrit en
    Septembre 2008
    Messages
    300
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2008
    Messages : 300
    Par défaut
    Merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Deux petites erreurs sur Firefox
    Par leroilion94 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 01/01/2015, 18h56
  2. Petite erreur de compilation sur .NET
    Par Tuanou dans le forum Débuter
    Réponses: 11
    Dernier message: 06/07/2011, 14h20
  3. petit erreur sur LDAP
    Par zyriuse dans le forum Applications et environnements graphiques
    Réponses: 0
    Dernier message: 24/09/2008, 16h22
  4. [MySQL] Petite question sur une erreur de mysql
    Par iwf-fr dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 13/12/2006, 16h23
  5. Petite erreur sur formulaire
    Par shub dans le forum Access
    Réponses: 2
    Dernier message: 26/04/2006, 11h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo