Problème d'affichage de ma page web

Wardog · Message par **Wardog** » 06 janv. 2005, 23:01

Je suis entrain de créer ma nouvelle page Web, malheureusement j'ai un gros problème d'affichage.
Les cellules de mes tableaux ne sont pas jointives.
http://babylone57.free.fr/
N'étant pas très fort en Html, je m'en sort pas. Sous IE c'est impec, mais je ne l'utilise pas.

Express · Message par **Express** » 06 janv. 2005, 23:05

Je crois que les puristes du HTML vont te passez un SAVON pour utilisation frauduleuse des tableau ........

SB · Message par SB » 07 janv. 2005, 08:17

Remplace la première ligne de ton code

Code : Tout sélectionner

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

par

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Un peu de lecture : http://openweb.eu.org/articles/differentes_dtd/ .
Pour le savon je laisse faire Calimo.

Wardog · Message par **Wardog** » 07 janv. 2005, 17:56

Merci, ça fonctionne, c'est parfait.
Pour l'usage frauduleux des tableaux, je suis pas un expert, méaculpa

mais ça va pas trop mal pour mes débuts, toutes les suggestions seront les bienvenues.
Merci encore pour l'aide.

Mirovinben · Message par **Mirovinben** » 07 janv. 2005, 18:57

Frauduleux ? le mot est un peu fort !... C'est simplement que l'habitude prise par un grand nombre de webmestres d'utiliser les tableaux pour effectuer des mises en page n'est pas nécessairement la bonne et qu'il vaudrait mieux utiliser dès le départ une mise en page avec les feuilles de style (CSS) car elles sont là pour ça...

Je suis webmestre de profession (intranet de mon entreprise) et j'ai pondu environ 800 pages avec des tableaux en veux-tu en voilà (car je ne savais pas faire autrement vu que je suis autodidacte)... et le site rempli le rôle pour lequel il a été conçu et selon le cahier des charges qui m'a été fixé avec les logiciels imposés...

Sauf que, depuis peu et grâce aux échanges dans les forums de Gekozone, je suis en train de virer ma cutie. Au boulot, je ne touche à rien mais pour mes pages persos, je migre et vire tous les tableaux excepté quand je souhaite aligner verticalement un texte de longueur variable dans un bloc fixe... et là j'utilise un tableau d'une seule cellule... Tant pis pour la norme car je n'ai pas trouver d'autre moyen "rapide" pour réaliser celà... mais pour le reste tout passe par des CSS.

SB · Message par SB » 07 janv. 2005, 19:48

Commençons par le début. Il faut avant tout rendre le code valide pour être sur qu'il soit interprété correctement par tous les navigateurs. Si l'on en croit le valideur du W3C ( http://validator.w3.org/check?uri=http% ... &verbose=1 ) il te manque une balise

Code : Tout sélectionner

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

à rajouter entre <head> et </head>. Ensuite http://validator.w3.org/check?uri=http% ... &verbose=1 il y aura 91 erreurs à réparer. Mais pas de panique ça ira vite. La plus part sont dues au fait que tes images n'ont pas de texte alternatif à afficher au cas où elles ne sont pas visibles. Comme c'est normal vu qu'elles servent uniquement à la déco il faut juste ajouter alt="" à chacune d'entre elles. Par exemple

Code : Tout sélectionner

<img alt="" src="Images/Banniere.png" width="745" height="215">
à la place de
<img src="Images/Banniere.png" width="745" height="215">

Wardog · Message par **Wardog** » 08 janv. 2005, 01:09

Merci pour ces précieux conseils, merci encore.

SB · Message par SB » 08 janv. 2005, 13:54

Plus que 24. C'est déjà bien.
Ensuite les attributs BGCOLOR, BACKGROUND, LEFTMARGIN, TOPMARGIN, marginwidth et marginheight n'existent pas tels quels. Il faut les faire entrer dans un attribut style. Et comme toutes les marges sont à 0, on peut abréger ce qui donne

Code : Tout sélectionner

<body style="background-color:#000000; background-image:url(Images/Fond.png); color:#FFFF80; margin:0;">

Puis dans tes adresses du type

Code : Tout sélectionner

http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=babylone57.dat&dd=B&ft=0

il faut remplacer les & par & ce qui donne

Code : Tout sélectionner

http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=babylone57.dat&dd=B&ft=0

Pour les messages

Code : Tout sélectionner

document type does not allow element "TABLE" here

je pense que c'est parce que tu as oublié de fermer ton tableau avec </table> juste après "".

Invité · Message par **Invité** » 08 janv. 2005, 18:00

Super, je suis arrivé au zéro faute, merci

SB · Message par SB » 09 janv. 2005, 20:47

Bravo. Attention toutefois aux autres pages : http://validator.w3.org/check?uri=http% ... liens.html
A ce stade tu peux te concentrer sur le contenu. Si ensuite tu souhaites passer à l'xhtml et/ou au css et que tu éprouves des difficultés, reviens nous voir.

Geckozone

Problème d'affichage de ma page web

Problème d'affichage de ma page web

Qui est en ligne ?