norme w3c html 4.01

Marsh Posté le 04-07-2003 à 17:11:27

Je tente de faire un site conforme aux norme du W3C html 4.01 pour être sure qu'il soit entierement compatible avec tous les navigateurs et toutes les plateformes. J'utilise le W3C validator mais celui ci me donne bien toutes mes erreurs mais pas toujours le moyen de les corriger.
Par exemple, il refuse que j'utilise les parametres width et height dans un TD ok, mais je fais comment alors pour structurer exactement ma page et placer les images et les textes au pixel pres ?
Si j'ai bien compris faut pas utiliser des tables dans tous les sens comme je le fais habituellement pour structurer le site mais quel est l'alternative ?

Reply

Marsh Posté le 04-07-2003 à 17:11:27

Reply

Marsh Posté le 04-07-2003 à 17:14:33

div+css

Reply

Marsh Posté le 04-07-2003 à 17:17:54

Je plussoies :
http://openweb.eu.org/articles/passer_aux_standards/

Reply

Marsh Posté le 06-07-2003 à 17:49:40

remplace

Citation :

width=xx height=yy

par

Citation :

style="width:xxpx; height:yypx;"

Reply

Marsh Posté le 06-07-2003 à 17:57:21

THEniluje a écrit :

remplace

Citation :

width=xx height=yy

par

Citation :

style="width:xxpx; height:yypx;"

C'est une solution mais le must reste d'utiliser les feuilles de styles car il devient alors beaucoup plus facile de changer le style d'un site sans avoir à aller 'trifouiller' le code. CSS powwwaaaa !!!

Reply

Marsh Posté le 06-07-2003 à 20:01:23

S'pas spécialement le "must" si c'est pour un truc ponctuel.

Reply

Marsh Posté le 07-07-2003 à 14:22:19

ok merci tout le monde. En effet avec des div c'est beaucoup plus propre, et le liens http://openweb.eu.org/articles/passer_aux_standards/
est tres pratique

Reply

Marsh Posté le 07-07-2003 à 14:35:47

Il serait vraiment temps que je mette des div pour la mise en page de mon site

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 08-07-2003 à 17:29:52

besoin d'aide dans mon passage aux divs . J'arrive pas a mettre deux div cote à cote, ils se mettent toujours l'un sous l'autre:

Code :

<div style="width:98px; line-height:20px; text-align:center"><p>Identifiant</p></div>
<div style="position: relative; left:98px; width:150px; background-color:white"><p>test</p></div>

j'ai fait une erreur? j'ai beau chercher, je vois pas...

Reply

Marsh Posté le 08-07-2003 à 17:36:43

Utilise les float :
http://openweb.eu.org/articles/initiation_float/

Mais je te recommande de bien potasser le principe de flux :
http://openweb.eu.org/articles/initiation_flux/

Reply

Marsh Posté le 08-07-2003 à 17:36:43

Reply

Marsh Posté le 08-07-2003 à 17:44:50

y a pas plus simple pour remplacer une structure du genre:

<td>Texte sur fond noir</td>
<td>Champ saisie formulaire sur fond blanc</td>
<td>Texte sur fond noir</td>
<td>Champ saisie formulaire sur fond blanc</td>

?

Parceque sinon, c'est pas simple le HTML4.01

Reply

Marsh Posté le 08-07-2003 à 17:56:11

HTML :

<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>
<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>

CSS :

.fondNoir {
background-color:#000;
}

.fondBlanc {
background-color:#fff;
}

Reply

Marsh Posté le 08-07-2003 à 18:39:19

Si c'est le texte est associé au champ de saisie, mieux vaut utiliser le tag <label>

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 09-07-2003 à 12:49:01

fastclemmy a écrit :

HTML :

<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>
<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>

CSS :

.fondNoir {
background-color:#000;
}

.fondBlanc {
background-color:#fff;
}

moi je tape ca

Code :

<div class="form_login"><p>Identifiant</p></div>
<div style="position:relative; left:98px; width:150px; background-color:white"><p>test</p></div>
<div class="form_login"><p>Mot de passe</p></div>

et j'ai trois div l'un en dessous de l'autre

Reply

Marsh Posté le 09-07-2003 à 13:39:48

fastclemmy a écrit :

HTML :

<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>
<div class="fondNoir">Texte sur fond noir</div>
<div class="fondBlanc">Texte sur fond blanc</div>

CSS :

.fondNoir {
background-color:#000;
}

.fondBlanc {
background-color:#fff;
}

désolé mais meme avec un copeir coller de ton code j'ai les quatres lignes l'une en dessous de l'autre... c'est ou que je me plante !!??!!!

Reply

Marsh Posté le 09-07-2003 à 18:25:35

ojbis a écrit :

moi je tape ca

Code :

<div class="form_login"><p>Identifiant</p></div>
<div style="position:relative; left:98px; width:150px; background-color:white"><p>test</p></div>
<div class="form_login"><p>Mot de passe</p></div>

et j'ai trois div l'un en dessous de l'autre

Trop compliqué... Essaye un truc comme ça :

<div>
<label for="login">Indentifiant</label>
<input type="text" name="login" />
</div>
<div>
<label for="mdp">Mot de passe</label>
<input type="password" name="mdp" />
</div>

label {
float: left;
width: 20%;
}

Ajuster la largeur pour LABEL éventuellement...

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 09-07-2003 à 18:52:43

RiderCrazy a écrit :

CSS powwwaaaa !!!

Et à part ceci, tu as appris autre chose étant petit ?

Message édité par skylight le 09-07-2003 à 18:52:50

Reply

Marsh Posté le 09-07-2003 à 20:03:44

Skylight a écrit :

Et à part ceci, tu as appris autre chose étant petit ?

:pfff:

Juste comme ça: à part foutre la merde, il sert à quelque chose ton post ??

Message édité par RiderCrazy le 09-07-2003 à 20:06:20

Reply

Marsh Posté le 10-07-2003 à 10:10:53

gm_superstar a écrit :

Trop compliqué... Essaye un truc comme ça :

<div>
<label for="login">Indentifiant</label>
<input type="text" name="login" />
</div>
<div>
<label for="mdp">Mot de passe</label>
<input type="password" name="mdp" />
</div>

label {
float: left;
width: 20%;
}

Ajuster la largeur pour LABEL éventuellement...

Merci, en effet c'est plus propre. Pour une fois que j'ai du temps devant moi pour developper un site, j'essaie de me former pour faire du code propre et lisible donc je prend toutes les améliorations possibles.

Reply

norme w3c html 4.01

Sujets relatifs:

Leave a Replay