Validation de code HTML : comprend pas là...

Marsh Posté le 29-06-2004 à 18:48:36

Voila sur quoi bloque le valideur de code HTML du W3C pour une de mes page Web :

<TABLE border="1" cellspacing="0" cellpadding="5" width="100%" background="/froisse_clair.jpg">

Il me dit que background est pas valide. Je comprend pas pourquoi, vous avez une idée ?

Reply

Marsh Posté le 29-06-2004 à 18:48:36

Reply

Marsh Posté le 29-06-2004 à 18:57:56

en HTML/XHTML strict, tout ce qui est de la mise en forme passe dans les feuilles de style, ce qui inclut border, width et background.
Si maintenant il accepte les deux autres (HTML transitional) et pas background, c'est bizarre...

Reply

Marsh Posté le 29-06-2004 à 20:19:53

Ben voila les paramètres de W3C validator :

Encoding : iso-8859-1
Doctype : HTML 4.01 Transitional

moi de mon côté, j'ai mis cette ligne en entête de ma page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

et dans le head :

<META content="text/html; charset=ISO-8859-1" http-equiv="content-type">

Donc je sais pas trop ce qui coince. D'autre part, j'ai essayé de mettre un background en CSS, mais il passe pas. Pour avoir le même background partout, je l'appelle dans mes pages sous la forme suivante :

background="/monimage.jpg"

J'ai voulu le mettre dans le CSS avec les détails suivants :

*.Tableau {
background: "/froisse_clair.jpg";
}

puis dans mon HTML :

<TABLE border="1" cellspacing="0" cellpadding="5" class="Tableau">

mais le background ne s'affiche pas, à moins que je m'y prenne mal dans mon CSS.

Reply

Marsh Posté le 29-06-2004 à 20:23:17

Pour la version CSS,

background: "/froisse_clair.jpg";

->

background: url("/froisse_clair.jpg" );

mais tel que tu n'avais mis dans ton premier post je pensais que ça passait ; étrange.

Message édité par antp le 29-06-2004 à 20:23:53

Reply

Marsh Posté le 29-06-2004 à 23:40:34

Super ça fonctionne nickel

Pendant qu'on y est, est-ce qu'il y a moyen de mettre les données concernant cellpadding, cellspacing et border dans un CSS pour un tableau ? Parce que j'ai essayé en mattent les données à l'arrache genre :

.Tableau {
background: url("monimage.jpg" );
cellpadding: "5";
cellspacing: "0";
border: "1"
}

mais il a pas aimé

Reply

Marsh Posté le 29-06-2004 à 23:48:45

Ce sont les deux seuls attributs de mise en forme qui existent en HTML strict.

Sinon en CSS cellpadding/spacing sont des attributs des cellules et non de la table :

cellpadding c'est :

.Tableau td
{
padding: 5px;
}

Cellspacing c'est :

.Tableau td
{
margin: 0px;
}

Mais je ne suis pas sûr que dans tous les browsers ça marche bien, peut-être que ça s'ajoute au padding/spacing par défaut... à tester

Et pour ton bord,

border: 1px;

- les nombres doivent toujours être suivis d'une unité (sauf le 0)
- seules les chaînes avec des espaces doivent être entre guillemets ("Times New Roman" par exemple). Les URL peuvent l'être aussi, mais ce n'est pas obligatoire il me semble.

http://incongru.webdynamit.net

Message édité par antp le 29-06-2004 à 23:49:46

Reply

Marsh Posté le 30-06-2004 à 00:05:02

OK, merci je vais regarder ça de plus près...

D'autre part (j'en profite ), sous Mozilla tout se passe bien, mais sous IE c'est la merde avec ce code :

avec :

<TABLE border="1" cellspacing="0" cellpadding="5" width="100%" class="Tableau">
<TR>
<TD width="40px">
<div class="textCentre"><IMG src="./imgs/monimage.gif" alt="test"></div>
</TD>
<TD width="*">
<div class="textCentre">coucou</div>
</TD>
</TR>
</TABLE>

Mozilla me fait bien une image centré et tout, mais IE me fait une case de plus de 40 pixel (à l'aise) et ne centre pas l'image... Avec les deux navigateur, coucou est centré, ce qui prouve que le CSS textCentre fonctionne bien.

Reply

Marsh Posté le 30-06-2004 à 00:16:52

faudrait voir la feuille de style qui va avec... si t'as une URL avec la page en démo c'est encore mieux

Reply

Marsh Posté le 30-06-2004 à 21:42:21

Ben la feuille de style c'est juste le texte-align pour la classe textCentre, donc c'est pas grand chose, et puis le textCentre marche avec la seconde colonne du tableau, donc je pense pas qu'il y ait de problème.
Et dans tous les cas, pourquoi il me met pas ma colonne en 40 de large ?

P.S. : je peux pas mettre en ligne pour le moment, j'ai pas d'herbergement dispo, sorry.

Reply

Validation de code HTML : comprend pas là...

Sujets relatifs:

Leave a Replay