corriger mon code html...

corriger mon code html... - HTML/CSS - Programmation

Marsh Posté le 05-09-2002 à 14:42:25    

salut,
Est ce kelkun aurait le temps de jeter un coup d'oeil aux erreurs dont il me parle :heink: :
<http://validator.w3.org/check?uri=http%3A%2F%2Fwww.courchevel.com%2Ftemp%2Fsite%2Fhiver%2Faccueil.html&charset=%28detect+automatically%29&doctype=HTML+4.01+Transitional>
 
je comprends pas tout (surtout en anglais) et c'est souvent les memes erreur qui ressortent.
cé koi  :??:  
- le Warning au depart?
- la balise "TYPE" ds un java?
- kan il me dit:"no attribute "LEFTMARGIN"", est ce ke ca veut dire ke je peux le virer?
- ligne 44??
- lign 214??
- Error: required attribute "ALT" not specified  
 
merci :bounce:  
enfin...jcomprends rien koi....

Reply

Marsh Posté le 05-09-2002 à 14:42:25   

Reply

Marsh Posté le 05-09-2002 à 14:55:53    

<script type="text/javascript">
 
<img href="..." alt="..texte à afficher si l'image est pas chargée..">
 
leftmargin faut le passer dans le CSS, margin-left: 0px; par exemple


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

Marsh Posté le 05-09-2002 à 14:57:40    

tu devrais quand même:
- mettre l'entête "doctype"
- valider en HTML 4 Strict (le transitionnal c'est pour les trouillards) ou même en XHTML
- mettre des guillemets autour des valeurs des attributs


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

Marsh Posté le 05-09-2002 à 15:01:31    

kameha a écrit a écrit :

 
- le Warning au depart?



Il suffit de lire.

Citation :

- la balise "TYPE" ds un java?


Il suffit de lire la doc : http://www.w3.org/TR/html4/interac [...] def-SCRIPT

Citation :

- kan il me dit:"no attribute "LEFTMARGIN"", est ce ke ca veut dire ke je peux le virer?


Non seulement tu peux mais tu dois.

Citation :

- ligne 44??


Il suffit de lire : l'attribut "background" n'existe par pour <td>. Tu dois passer par les CSS.

Citation :

- lign 214??


Il suffit de lire : tu dois mettre des quotes (guillemets)

Citation :

- Error: required attribute "ALT" not specified


Il suffit de lire : l'attribut "alt" est obligatoire pour toutes les images (question d'accessibilité).

Citation :

merci :bounce:  
enfin...jcomprends rien koi....


A moins de ne pas comprendre l'anglais (ce que je conçois tout à fait) les messages sont, il me semble, assez clairs... Et quand on a un doute, il est bon de se référer à la doc.


Message édité par gm_superstar le 05-09-2002 à 15:03:03
Reply

Marsh Posté le 05-09-2002 à 17:44:49    

merci bien en tout cas. Ca m'a bien aidé.
 
jbloque encore (malgres la doc) sur certaines choses:

Citation :

Il suffit de lire : l'attribut "alt" est obligatoire pour toutes les images (question d'accessibilité).  


fo-t-il vraiment en caser de partout, ou juste aux endroits utiles?
Le naviguateur va peter un plomb si ya du texte qui apparait sur chaques images?!
 
Apres avoir passer pas mal dans les CSS, je m'apercois que le fond du menu radio et club des sports en bas a droite(<http://www.courchevel.com/temp/site/hiver/accueil.html/> )
 n'est pas à 100% en largeur, pourtant dans ma CSS j'ai mis 100% en largeur dans la categorie boite.
 
Quand j'utilise le Validateur CSS, tout est ok sauf:
"La propriété scrollbar-face-color n'existe pas. : #0b1f39"
Il ne reconnait pas les propriétés de ma srollbar, pourtant ca marche.
 
J'ai passé ma page en html Strict (est ce j'ai choisi le bon?)...
maintenant, c'est la fete aux erreurs ds mes scripts.Fo-t-il ke je reprenne tout?
 
merci ben

Reply

Marsh Posté le 05-09-2002 à 17:46:23    

tes scripts doivent être entre <!-- et //--> (commentaire HTML, le validateur ne les verra alors pas)
 
pour le Alt, c'est obligatoire, mais tu peux le laisser vide : alt=""
Mais c'est pas plus mal de mettre quelque chose, même de très court
 
Pour la couleur de la scrollbar, c'est un truc propre à IE
D'ailleurs si dans ton document tu mets l'entêtre XHTML strict, IE lui même ne reconnaît plus cette propriété scrollbar-color


Message édité par antp le 05-09-2002 à 17:47:17

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

Marsh Posté le 05-09-2002 à 17:59:07    

c'est la bonne version de htmlstrict ke j'ai mis?
 

Reply

Marsh Posté le 05-09-2002 à 18:08:17    

j'ai mon script ="../js/overlib.js" qui marche plus kan je le mets  en commantaire.
D'ailleurs, comment ca se fait kil fo ke je le mette ds Body celui la??

Reply

Marsh Posté le 05-09-2002 à 18:10:52    

Citation :


valider en HTML 4 Strict (le transitionnal c'est pour les trouillards) ou même en XHTML  


 
tu m'étonnes!
vla les milliards d'erreurs ke j'ai en plus...ingérable.

Reply

Marsh Posté le 06-09-2002 à 09:12:28    

kameha a écrit a écrit :

Apres avoir passer pas mal dans les CSS, je m'apercois que le fond du menu radio et club des sports en bas a droite(<http://www.courchevel.com/temp/site/hiver/accueil.html/> )
 n'est pas à 100% en largeur, pourtant dans ma CSS j'ai mis 100% en largeur dans la categorie boite.



 
Tu te compliques la vie à mettre chaque lien dans un tableau puis dans un <div>. Avec les CSS tu peux directement redefinir le <a> comme une boîte. De plus il y a des points communs entre tes 2 liens "radio" et "club des sports". Autant les factoriser dans une classe commune :
 

a.commun {
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 8pt;  
  text-decoration: none;
  display: block;
  text-align: center;
}


 
Ensuite les classes propres à chaque lien se résument à :

a.radio:link {  
  color: #9393DB;  
  background-color: #333399;
}  
 
a.radio:visited {  
  color: #9393DB;  
  background-color: #333399;  
}  
 
a.radio:hover {  
  color: #FFFFFF;  
  background-color: #2487FF;
 
}
 
a.clubdessports:link {  
  color: #A243B6;  
  background-color: #682B75;  
}  
 
a.clubdessports:visited {  
  color: #A243B6;  
  background-color: #682A75;  
}  
 
a.clubdessports:hover {  
  color: #FFFFFF;  
  background-color: #993399;  
}


 
Et enfin la partie HTML qui va bien (beaucoup plus simple) :
 

<a href="http://www.courchevel.com/temp/site/hiver/radio-courchevel.html" class="commun radio">Radio Courchevel</a>
 
<a href="http://www.sportcourchevel.com/" target="_blank" class="commun clubdessports">Club des sports</a>


 
Chacun des liens a 2 classes : "commun" pour la partie commune et "radio" ou "clubdessports" pour la partie spécifique.


Message édité par gm_superstar le 06-09-2002 à 09:20:53
Reply

Marsh Posté le 06-09-2002 à 09:12:28   

Reply

Marsh Posté le 06-09-2002 à 10:47:24    

ok, merci jvai voir tout ca. :heink:  
jcommence juste a voir les CSS, cé pour ça ke je me galere un peu.
 
en tou cas, jcroi ke je vai repasser en html transitional, le strict, cé un truc de psycho. :pt1cable:

Reply

Marsh Posté le 06-09-2002 à 11:26:35    

il reste plus ke cette erreur ds mon code:
 
"onMouseOut=nd();  
               ^Error: an attribute value must be quoted if it contains any character other than letters (A-Za-z), digits, hyphens, and periods; use quotes if in doubt "
 
apperement, il faut ke je rentre une valeur.

Reply

Marsh Posté le 06-09-2002 à 11:34:20    

antp et moi on t'a déjà répondu... tu dois mettre des quotes (guillemets)...

Reply

Marsh Posté le 06-09-2002 à 11:36:26    

kameha a écrit a écrit :

ok, merci jvai voir tout ca. :heink:  
jcommence juste a voir les CSS, cé pour ça ke je me galere un peu.
 
en tou cas, jcroi ke je vai repasser en html transitional, le strict, cé un truc de psycho. :pt1cable:



Non les CSS c'est facile et le HTML strict aussi, seulement, il vaut mieux taper soi-même le code et pas utiliser Dreamweaver comme tu le fais (j'ai crû reconnaitre sa "pate" en voyant ton code)

Reply

Marsh Posté le 06-09-2002 à 11:55:06    

gm_superstar a écrit a écrit :

 
Non les CSS c'est facile et le HTML strict aussi, seulement, il vaut mieux taper soi-même le code et pas utiliser Dreamweaver comme tu le fais (j'ai crû reconnaitre sa "pate" en voyant ton code)



pâte ! [:xp1700]
 
(patte ça prend 2 t ;))


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 06-09-2002 à 11:58:16    

--greg-- a écrit a écrit :

pâte ! [:xp1700]
 
(patte ça prend 2 t ;))



:jap: le --greg--orthographe-validator est passé par là :D

Reply

Marsh Posté le 06-09-2002 à 12:05:47    

A peine chaud de taper son code soi meme.
C'est vrai ke le code doit etre autrement plus propre après.
 
J'ai lu dans un autre topic ke tant ka faire du strict, il fallait faire du Xhtml. Faut aimer l'aventure koi!
Est ce ke le principale avantage, cé ke le site passe partout (mieu sur MAC aussi?)sur tout les naviguateurs?
Apperement, le truc, cé plus tu va vers le Xhtml, moins il accepte de balises, plus tu gagnes des points de vie et plus le boss final se rapproche.
 
Vous utilisez koi pour taper votre code en direct?
 
Est ce ke je peux compresser mon code maintenant(html shrink)?ou cé gadget de base de daube

Reply

Marsh Posté le 06-09-2002 à 12:11:49    

entre html 4 strict et xhtml 1 strict, y a pas beaucoup de différences, et xhtml ça fait plus classe que html, parce que c'est contenu dans un document xml :sol:
 
pour taper le code j'emploie context: www.fixedsys.com/context


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

Marsh Posté le 06-09-2002 à 12:20:01    

kameha a écrit a écrit :

A peine chaud de taper son code soi meme.
C'est vrai ke le code doit etre autrement plus propre après.



Ben juste sur tes 2 liens, on est passé de :

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>  
    <td>  
      <div align="center"><a href="radio-courchevel.html" class="radio">Radio Courchevel</a></div>
    </td>
  </tr>
</table>  
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>  
    <td>  
      <div align="center"><a href="http://www.sportcourchevel.com" target="_blank" class="clubdessports">Club des sports</a></div>
    </td>
  </tr>
</table>


à :

<a href="http://www.courchevel.com/temp/site/hiver/radio-courchevel.html" class="commun radio">Radio Courchevel</a>
<a href="http://www.sportcourchevel.com/" target="_blank" class="commun clubdessports">Club des sports</a>


No comment ;)
 
A partir du moment où tu tapes toi-même ton code, tu ne tapes que le strict nécessaire. Et je suis persuadé, qu'au final on y passe moins de temps qu'avec un éditeur style Dreamweaver.

Citation :

J'ai lu dans un autre topic ke tant ka faire du strict, il fallait faire du Xhtml. Faut aimer l'aventure koi!


Oui c'est mieux le XHTML car ce sera le seul langage qui subsistera dans le futur. Donc ton code durera plus longtemps.
Cela dit, il y a moins de différence entre le HTML strict et le XHTML strict qu'entre le HTML transitional et le strict.

Citation :

Est ce ke le principale avantage, cé ke le site passe partout (mieu sur MAC aussi?)sur tout les naviguateurs?


Non ton code ne passera pas de partout, surtout pas sur les vieux navigateurs du style Netscape 4 ou IE 4. Mais l'avantage est que vu que tu sépares contenu (HTML) et mise en page (CSS) ton site restera "lisible" par ces navigateurs. Mais ne t'attend pas à avoir un rendu parfait sur tous les navigateurs. C'est actuellement impossible.
Sur Mac, il y a IE 5.2 qui est un excellent navigateur (bien plus que IE pour Windows) et qui respecte très bien les normes. Donc faire un site en XHTML strict c'est être quasiment sûr que ton site passera bien avec ce navigateur.

Citation :

Apperement, le truc, cé plus tu va vers le Xhtml, moins il accepte de balises, plus tu gagnes des points de vie et plus le boss final se rapproche.


On peut voir ça comme ça ;) Il y a moins de balises car tout ce qui concerna la présentation est regroupé dans les CSS. Avec le XHTML on se concentre sur le contenu et sa hiérarchie.

Citation :

Vous utilisez koi pour taper votre code en direct?


emacs ou execptionnellement UltraEdit.

Citation :

Est ce ke je peux compresser mon code maintenant(html shrink)?ou cé gadget de base de daube


Vu le nom je dirais daube :D Non, je connais pas ce truc...

Reply

Marsh Posté le 06-09-2002 à 12:22:15    

franchement IE 4 ça marche pas si mal le XHTML
nettement mieux que NS 4
j'ai été surpris
avant mon site ne passait pas du tout en IE 4, et après avoir validé le code en XHTML ça passait :o


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

Marsh Posté le 06-09-2002 à 12:23:30    

Heu... en fait je veux bien te croire, vu que j'ai plus de IE 4 à disposition :D

Reply

Marsh Posté le 06-09-2002 à 13:29:33    

j'ai un Windows 98 1è édition pour qques jeux + IE 4 :D


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

Marsh Posté le 06-09-2002 à 14:29:57    

Moi aussi, un jour,[:wittdo] ...je taperai mon code
 
merci, j'ai appri pleins de trucs,cé cool. :D

Reply

Marsh Posté le 06-09-2002 à 16:45:19    

http://www.courchevel.com/temp/site/hiver/accueil.html
 
1.j'arrive a passer mon pixel transparent dans mes CSS.
Disons kan je le passe, i lfait plus 3 pixels de haut et ca me met un marge du haut enorme et moche.
 
2.je voudrai faire de meme avec mon image espaceur entre le "menu de gauche" et la "newletters" et la "newletters" et "Nos partenaires".Kan je lappelle via CSS, il ne contraint plus le bando bleu foncé a faire 137 pixels de large(C'est grace a cette image kil y a un espace a gauche et a droite de mon menu Acces,Hebergement,le ski....)
 
au fait, peut on créer des espaceurs ds CSS sans appeller d'image??
merci

Reply

Marsh Posté le 06-09-2002 à 17:11:32    

ca veut dire koi:
 
Ligne: 20 Contexte : a.radio:link  
Nombre érroné : clipErreur lors de l'analyse grammaticale. - )  
 
...dans le correcteur de javascript.
 
Désolé pour toute mes kestions lourdes mais il me manque plus grand chose pour ke mon code tienne la route.
merci

Reply

Marsh Posté le 06-09-2002 à 17:14:42    

javascript ? CSS tu veux dire ?
y a quoi sur les lignes au-dessus ?


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

Marsh Posté le 06-09-2002 à 17:29:59    

Citation :

javascript ? CSS tu veux dire ?  


 
effectivement[:yajing]  
 
http://jigsaw.w3.org/css-validator [...] ofile=css2
je capte pas "cliperreur"
 
comment est ce ke je peu ranger ce CSS tout en bordel:
http://www.courchevel.com/temp/site/css/style.css
est ce ke je peux faire des sauts de lgine a l'interieur comme je le sens.
 
merci

Reply

Marsh Posté le 06-09-2002 à 17:43:31    

c'est quoi ce bordel dans ton CSS [:blacksunsoft]
 
t'as un peu intérêt à ranger et à nettoyer.
 
genre :
 

tag.nom  
{
   prop1: ...;
   prop2: ...;
}


Message édité par antp le 06-09-2002 à 17:47:08

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

Marsh Posté le 06-09-2002 à 17:45:11    

http://ibelgique.ifrance.com/antp/_images/csshorror.png
 
[:totoz]


Message édité par antp le 06-09-2002 à 17:45:18

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

Marsh Posté le 06-09-2002 à 18:03:53    


OH MON DIEU !
 
 
 
(c'est à se demander si Dreamweaver fait pas exprès de pondre du code imbitable, pour faire mauvaise presse aux CSS...)

Reply

Marsh Posté le 06-09-2002 à 18:09:32    

kameha a écrit a écrit :

http://www.courchevel.com/temp/site/hiver/accueil.html
 
1.j'arrive a passer mon pixel transparent dans mes CSS.
Disons kan je le passe, i lfait plus 3 pixels de haut et ca me met un marge du haut enorme et moche.



Vire moi ce pixel transparent et utilise les propriétés des marges. Dire qu'on a justement inventé les CSS pour positionner au pixel près...

Citation :

2.je voudrai faire de meme avec mon image espaceur entre le "menu de gauche" et la "newletters" et la "newletters" et "Nos partenaires".Kan je lappelle via CSS, il ne contraint plus le bando bleu foncé a faire 137 pixels de large(C'est grace a cette image kil y a un espace a gauche et a droite de mon menu Acces,Hebergement,le ski....)
 
au fait, peut on créer des espaceurs ds CSS sans appeller d'image??
merci


Ben oui avec les marges et les bordures.
 
Je veux bien jeter un oeil, mais par pitié, rend au moins ton fichier CSS lisible

Reply

Marsh Posté le 06-09-2002 à 18:12:51    

Citation :

Je veux bien jeter un oeil, mais par pitié, rend au moins ton fichier CSS lisible


 

Citation :

tag.nom  
{  
  prop1: ...;  
  prop2: ...;  
}  


 
genre comme ca ou pas?
tag.body  
{  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #0B1F39; text-decoration: none; margin-left: 0px; margin-top:0px
}  
 
je sens ke je dis une connerie...

Reply

Marsh Posté le 06-09-2002 à 18:35:28    

ça va mais peut mieux faire encore ;)
(en gros tu vas a la ligne apres chaque ;


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 06-09-2002 à 18:36:23    

au secour :cry:  
comment on organise un CSS?
 

Citation :

tag.nom    
{  
 prop1: ...;  
 prop2: ...;  
}  


j'ai testé, ca fonctionne pas (ou plutot cé moi ki fonctionne pas...)
merci

Reply

Marsh Posté le 06-09-2002 à 18:45:31    

nouveau CSS de compet :sol:  
http://www.courchevel.com/temp/site/css/style.css
 
le probleme c'est ke ca marche plu maintenant:pt1cable: ...
http://www.courchevel.com/temp/site/hiver/accueil.html

Reply

Marsh Posté le 06-09-2002 à 18:58:45    

euh c quoi ces  <br> partout là...


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 06-09-2002 à 19:01:58    

--greg-- a écrit a écrit :

euh c quoi ces  <br> partout là...



Argl... je me meurs...
 
:eek2:  
 
 
kameha, un fichier CSS, c'est un fichier texte tout bête. C'est pas du HTML. Donc si tu veux des retours à la ligne, il te suffit retourner à la ligne normalement sans <br>....

Reply

Marsh Posté le 06-09-2002 à 19:02:51    

gm_superstar a écrit a écrit :

 
Argl... je me meurs...
 
:eek2:  
 
 
kameha, un fichier CSS, c'est un fichier texte tout bête. C'est pas du HTML. Donc si tu veux des retours à la ligne, il te suffit retourner à la ligne normalement sans <br>....



c ptet dreamweaver qui a mis ça:D


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 06-09-2002 à 19:08:52    

j voulais voir si vous suiviez :ange:  
 
http://www.courchevel.com/temp/site/css/style.css
 
ca va mieu là?

Reply

Marsh Posté le 06-09-2002 à 19:09:08    

kameha a écrit a écrit :

 
genre comme ca ou pas?
tag.body  
{  
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #0B1F39; text-decoration: none; margin-left: 0px; margin-top:0px
}  
 
je sens ke je dis une connerie...




 
je sens aussi...
 
par "tag" je voulais dire a, td, etc...
par "nom" je voulais dire clubdessports, etc...
 
pour body y a juste le tag, donc :
 


tag.body  
{  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; color: #0B1F39;
  text-decoration: none;
  margin-left: 0px;
  margin-top: 0px;
}  


 
et les retour de lignes après chaque ";" c'est plus clair aussi :p
(et n'édite pas ton fichier avec Dreamweaver, notepad suffit ;))


Message édité par antp le 06-09-2002 à 19:09:28

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

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed