Page 1 sur 1
Problème d'affichage de ma page web
Publié : 06 janv. 2005, 23:01
par Wardog
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.
Publié : 06 janv. 2005, 23:05
par Express
Je crois que les puristes du HTML vont te passez un
SAVON pour utilisation frauduleuse des tableau ........
Publié : 07 janv. 2005, 08:17
par SB
Remplace la première ligne de ton code
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.
Publié : 07 janv. 2005, 17:56
par Wardog
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.
Publié : 07 janv. 2005, 18:57
par Mirovinben
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.
Publié : 07 janv. 2005, 19:48
par SB
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">
Publié : 08 janv. 2005, 01:09
par Wardog
Merci pour ces précieux conseils, merci encore.
Publié : 08 janv. 2005, 13:54
par SB
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
je pense que c'est parce que tu as oublié de fermer ton tableau avec </table> juste après "<!--Ligne séparation-->".
Publié : 08 janv. 2005, 18:00
par Invité
Super, je suis arrivé au zéro faute, merci
Publié : 09 janv. 2005, 20:47
par SB
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.