Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1750 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  norme w3c html 4.01

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

norme w3c html 4.01

n°448937
ojbis
Posté le 04-07-2003 à 17:11:27  profilanswer
 

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 ?

mood
Publicité
Posté le 04-07-2003 à 17:11:27  profilanswer
 

n°448941
anapajari
s/travail/glanding on hfr/gs;
Posté le 04-07-2003 à 17:14:33  profilanswer
 

div+css

n°448944
fastclemmy
(re-)Dictateur en plastique
Posté le 04-07-2003 à 17:17:54  profilanswer
 
n°449704
FlorentP
Posté le 06-07-2003 à 17:49:40  profilanswer
 

remplace

Citation :

width=xx height=yy


par

Citation :

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

n°449706
RiderCrazy
Posté le 06-07-2003 à 17:57:21  profilanswer
 

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 !!!

n°449764
FlorentP
Posté le 06-07-2003 à 20:01:23  profilanswer
 

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

n°450183
ojbis
Posté le 07-07-2003 à 14:22:19  profilanswer
 

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

n°450202
antp
Super Administrateur
Champion des excuses bidons
Posté le 07-07-2003 à 14:35:47  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°451415
ojbis
Posté le 08-07-2003 à 17:29:52  profilanswer
 

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 :
  1. <div style="width:98px; line-height:20px; text-align:center"><p>Identifiant</p></div>
  2. <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...

n°451421
fastclemmy
(re-)Dictateur en plastique
Posté le 08-07-2003 à 17:36:43  profilanswer
 

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/

mood
Publicité
Posté le 08-07-2003 à 17:36:43  profilanswer
 

n°451428
ojbis
Posté le 08-07-2003 à 17:44:50  profilanswer
 

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

n°451441
fastclemmy
(re-)Dictateur en plastique
Posté le 08-07-2003 à 17:56:11  profilanswer
 

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

n°451483
gm_superst​ar
Appelez-moi Super
Posté le 08-07-2003 à 18:39:19  profilanswer
 

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


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°452031
ojbis
Posté le 09-07-2003 à 12:49:01  profilanswer
 

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 :
  1. <div class="form_login"><p>Identifiant</p></div>
  2. <div style="position:relative; left:98px; width:150px; background-color:white"><p>test</p></div>
  3. <div class="form_login"><p>Mot de passe</p></div>


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

n°452074
ojbis
Posté le 09-07-2003 à 13:39:48  profilanswer
 

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 !!??!!!

n°452519
gm_superst​ar
Appelez-moi Super
Posté le 09-07-2003 à 18:25:35  profilanswer
 

ojbis a écrit :

moi je tape ca  
 

Code :
  1. <div class="form_login"><p>Identifiant</p></div>
  2. <div style="position:relative; left:98px; width:150px; background-color:white"><p>test</p></div>
  3. <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
n°452557
skylight
Made in France.
Posté le 09-07-2003 à 18:52:43  profilanswer
 

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
n°452595
RiderCrazy
Posté le 09-07-2003 à 20:03:44  profilanswer
 

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
n°453299
ojbis
Posté le 10-07-2003 à 10:10:53  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  norme w3c html 4.01

 

Sujets relatifs
AVI dans une page web en html[HTML/js] Faire clignoter un texte [reussi]
longueur des lignes html[HTML] form : envoyer vers une page php, ou vers une autre
police dans page htmlexpressions régulières et balises HTML
[HTML/JS] Une fenêtre fille peut-elle fermer sa mère ?[ASP]decodage de HTML
[JSP][JAVA] Connaitre la taille de la page HTML[HTML] Mozilla et les <li> / <ul>
Plus de sujets relatifs à : norme w3c html 4.01


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR