Validation W3C : background sans utiliser CSS

Version imprimable

24/03/2011, 15h34
nikko2028777

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 :mouarf:

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 :cry:

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:

<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.
24/03/2011, 16h10
Bisûnûrs

Citation:

Envoyé par nikko2028777

Bonjour,

J'aimerais avoir l'aide de personne

Ok, adieu. :mouarf:

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.
24/03/2011, 16h13
bob633

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");
24/03/2011, 16h59
nikko2028777

Mdr,

Citation:

Envoyé par nikko

Bonjour,

J'aimerais avoir l'aide de personne

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

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.
24/03/2011, 17h42
nikko2028777

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 :)
24/03/2011, 19h22
Bovino

Désolé pour cette remarque pas forcément utile, mais j'avoue que j'ai du mal à comprendre l'utilité de ce TP :koi:

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...
24/03/2011, 19h24
Bisûnûrs

Citation:

Envoyé par nikko2028777

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:

<body style="background-image:url(../images/stone.bmp);background-repeat:no-repeat;">
24/03/2011, 22h42
nikko2028777

Citation:

Envoyé par Bovino

Désolé pour cette remarque pas forcément utile, mais j'avoue que j'ai du mal à comprendre l'utilité de ce TP :koi:

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 :ccool:
25/03/2011, 09h35
bob633

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 ;)

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:

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>

25/03/2011, 22h28
nikko2028777

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.