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 :

Validation W3C : background sans utiliser CSS [XHTML 1.0]


Sujet :

HTML

  1. #1
    Candidat au Club
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Mars 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2011
    Messages : 28
    Points : 4
    Points
    4
    Par défaut Validation W3C : background sans utiliser CSS
    Bonjour,

    J'aimerais avoir l'aide de personne plus à l'aise que moi dans le domaine du développement web. J'ai un TP à rendre en xhtml. La partie amusante de ce TP reste dans les règles de celui-ci

    Pour créer le fichier demandé pas trop de soucis c'est lorsque je dois valider celui-ci par cet outil démoniaque que cela se corse : http://validator.w3.org/

    J'ai juste une question technique (oui je ne demande pas à ce que l'on fasse mon TP faut pas déconner) je n'ai pas le droit d'utiliser de CSS (oui c'est l'étape 2 du TP)

    Je dois me débrouiller pour satisfaire les demandes sans feuille de style et j'ai quasi terminé la seule chose qui ne passe pas pour l'instant c'est l'image background

    Ma question (désolé je suis un peu long ^^') Est-il possible d'avoir un fond en xhtml qui fonctionne déjà j'ai pas de fond et qui ne fasse pas couiner le w3c validator ?

    Dans mon code j'ai mis cela actuellement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body background="images/stone.bmp" style="background-repeat:no-repeat;">
    D'après les forums que j'ai pu lire cela devrait fonctionner non ?

    Merci d'avance pour votre aide.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 905
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 905
    Points : 14 822
    Points
    14 822
    Par défaut
    Citation Envoyé par nikko2028777 Voir le message
    Bonjour,

    J'aimerais avoir l'aide de personne
    Ok, adieu.



    L'attribut background n'est pas valide en XHTML, en revanche il l'est en HTML 4.01, donc tu peux modifier ton DOCTYPE en HTML 4.01.

    Deux remarques :
    - L'attribut style, c'est du CSS, donc si tu n'en as pas le droit, il t'est interdit ;
    - Le format d'image BMP est un format très peu compressé voire pas du tout, il est lourd et pas adapté aux pages web.

  3. #3
    Membre expérimenté
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Octobre 2008
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Octobre 2008
    Messages : 1 051
    Points : 1 638
    Points
    1 638
    Par défaut
    Peut-être qu'il ne peut pas utiliser de fichier annexe css mais que le code de celui-ci direct dans la page html est autorisé ..

    Et si tu veux vraiment utiliser la balise background .. Alors pour une image c'ets plutot : background-image:url("repertoire/image.jpg");

  4. #4
    Candidat au Club
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Mars 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2011
    Messages : 28
    Points : 4
    Points
    4
    Par défaut
    Mdr,

    Citation Envoyé par nikko Voir le message
    Bonjour,

    J'aimerais avoir l'aide de personne

    Désolé je suis en pleine gastro difficile je perds un peu la boule

    Le xhtml m'est imposé donc je ne peux pas changer le doc type. Un fichier css externe n'est pas permis mais dans le fichier lui même je pense que c'est ok.

    Pour la balise j'y connais pas grand chose en html xhtml, je me doutais qu'il devait exister autre chose l'exercice doit pouvoir se faire avec les contraintes indiquées enfin je pense

    background-image:url("repertoire/image.jpg"); c'est à mettre dans le body je suppose ? vais tester cela de suite.
    Citation Envoyé par Bisûnûrs
    Deux remarques :
    - L'attribut style, c'est du CSS, donc si tu n'en as pas le droit, il t'est interdit ;
    - Le format d'image BMP est un format très peu compressé voire pas du tout, il est lourd et pas adapté aux pages web.
    Pour le format bmp idem j'ai pas le choix du format je dois utiliser les modèles fournit. Peut être pour mettre l'accent sur l'utilité de ce format au niveau web dans les prochains chapitres ^^

    Merci pour ces réponses rapides.

  5. #5
    Candidat au Club
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Mars 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2011
    Messages : 28
    Points : 4
    Points
    4
    Par défaut
    Comme je n'arrive pas à faire marcher votre idée ^^' j'ai relu pour la 54540511111515 fois la page sur les liens relatifs et je me rends compte que ça marche si je corrige de cette manière ce qui est complètement normal :

    <body background="../images/stone.bmp" style="background-repeat:no-repeat;">

    Les 2 points pour remonter d'un dossier :/ car dans le tp il y a 2 répertoires 1 pour les fichiers communs + 1 pour les fichiers images persos.

    J'aimerais bien comprendre quand même pourquoi la méthode ne fonctionne pas :

    background-image:url("repertoire/image.jpg");

    Merci encore

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Désolé pour cette remarque pas forcément utile, mais j'avoue que j'ai du mal à comprendre l'utilité de ce TP

    S'il faut que la page soit valide W3C, dans ce cas, il serait "logique" qu'elle le soit certes au niveau du code, mais aussi au niveau de l'esprit, qui veut que la mise en page soit géré par les CSS exclusivement et si possible hors du balisage

    Là, ça ressemble plutôt à un TP "Prendre de mauvaises habitudes"...
    Sans parler de l'image BMP qui, comme Bisûnûrs le souligne, est un format à éviter pour le Web...

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 905
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 905
    Points : 14 822
    Points
    14 822
    Par défaut
    Citation Envoyé par nikko2028777 Voir le message
    J'aimerais bien comprendre quand même pourquoi la méthode ne fonctionne pas
    Parce qu'il faut mettre le même chemin que le premier :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body style="background-image:url(../images/stone.bmp);background-repeat:no-repeat;">

  8. #8
    Candidat au Club
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Mars 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2011
    Messages : 28
    Points : 4
    Points
    4
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Désolé pour cette remarque pas forcément utile, mais j'avoue que j'ai du mal à comprendre l'utilité de ce TP

    S'il faut que la page soit valide W3C, dans ce cas, il serait "logique" qu'elle le soit certes au niveau du code, mais aussi au niveau de l'esprit, qui veut que la mise en page soit géré par les CSS exclusivement et si possible hors du balisage

    Là, ça ressemble plutôt à un TP "Prendre de mauvaises habitudes"...
    Sans parler de l'image BMP qui, comme Bisûnûrs le souligne, est un format à éviter pour le Web...
    Je pense que le but est de montrer que les nouvelles méthodes sont plus simples et plus évolutives.

    Car effectivement si je tape dans gogole mise en page html etc, je tombe direct sur une page qui explique la feuille de style.

    En même temps j'ai pas fait l'exo j'y peut rien moi ^^ je vois que dans la suite on va étudier le fichier CSS, ensuite les formulaires, le javascript et DOM (me dit rien ça), puis vient XML DTD. pour l'instant ça ne me parle pas plus que ça mais bon je dois m'y coller de toute manière

    Je vais retester avec ton lien Bisunurs

  9. #9
    Membre expérimenté
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Octobre 2008
    Messages
    1 051
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Octobre 2008
    Messages : 1 051
    Points : 1 638
    Points
    1 638
    Par défaut
    L'arbre DOM permet d'utiliser l'AJAX, c'est-à-dire pouvoir changer des valeurs à ton écran sans recharger une page,

    Sinon je suis en Licence informatique aussi, et les premiers TP sont toujours des TP "bouseu", si je peux me permettre, pour te faire galèrer à trouver des méthodes "rustines".. et au fil des TP's on te montre les meilleurs méthodes pour te simplifier la vie, afin de comprendre l'utilité de celles-ci

  10. #10
    Membre habitué Avatar de elfamine
    Homme Profil pro
    Étudiant
    Inscrit en
    Mars 2011
    Messages
    113
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2011
    Messages : 113
    Points : 186
    Points
    186
    Par défaut
    il est possible de valider ton tp en XHTML 1.0 Transitional au lieu de Strict; qui lui permet l'utilisation de style dans le code xhtml
    la solution est d'utiliser le doctype qui convient le mieux vu les circonstances...
    Code xhtml : 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
     
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <title> BMP FTW!</title>
    </head>
    <body background="clouds.bmp" style="background-repeat:no-repeat;">
    <h1>é____è</h1>
    <p>
        <a href="http://validator.w3.org/check?uri=referer"><img
            src="http://www.w3.org/Icons/valid-xhtml10"
            alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
      </p>
    </body>
    </html>

  11. #11
    Candidat au Club
    Homme Profil pro
    Directeur des systèmes d'information
    Inscrit en
    Mars 2011
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Directeur des systèmes d'information
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2011
    Messages : 28
    Points : 4
    Points
    4
    Par défaut
    Effectivement j'avais déjà changer de strict pour transitional, car c'était heu comment dire plus simple ^^'

    Il n'y avais pas de règle la dessus :p

    Merci encore pour vos réponses.

    Je vais éditer pour mettre résolu car j'ai pu faire tout ce que je voulais.

    Merci à tous.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 17/10/2009, 12h25
  2. Background sans répétition ET sans css dans une cellule TD
    Par will89 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 23/01/2009, 22h10
  3. Validation de données sans utiliser ENTER
    Par Dread1717 dans le forum Langage
    Réponses: 3
    Dernier message: 14/06/2008, 12h46
  4. [CSS] Pb De Validation W3c Avec Ma Feuille Css
    Par fredylover dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 08/05/2006, 19h15
  5. [CSS] formater tout un site sans utiliser le joker *
    Par guidav dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/02/2006, 16h28

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