corriger mon code html... - HTML/CSS - Programmation
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
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
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 |
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.
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
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
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??
Marsh Posté le 05-09-2002 à 18:10:52
Citation : |
tu m'étonnes!
vla les milliards d'erreurs ke j'ai en plus...ingérable.
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 { |
Ensuite les classes propres à chaque lien se résument à :
a.radio:link { |
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> |
Chacun des liens a 2 classes : "commun" pour la partie commune et "radio" ou "clubdessports" pour la partie spécifique.
Marsh Posté le 06-09-2002 à 10:47:24
ok, merci jvai voir tout ca.
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.
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.
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)...
Marsh Posté le 06-09-2002 à 11:36:26
kameha a écrit a écrit : ok, merci jvai voir tout ca. 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. |
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)
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 !
(patte ça prend 2 t )
Marsh Posté le 06-09-2002 à 11:58:16
--greg-- a écrit a écrit : pâte ! (patte ça prend 2 t ) |
le --greg--orthographe-validator est passé par là
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
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
pour taper le code j'emploie context: www.fixedsys.com/context
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"> |
à :
<a href="http://www.courchevel.com/temp/site/hiver/radio-courchevel.html" class="commun radio">Radio Courchevel</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 Non, je connais pas ce truc...
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
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
Marsh Posté le 06-09-2002 à 13:29:33
j'ai un Windows 98 1è édition pour qques jeux + IE 4
Marsh Posté le 06-09-2002 à 14:29:57
Moi aussi, un jour, ...je taperai mon code
merci, j'ai appri pleins de trucs,cé cool.
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
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
Marsh Posté le 06-09-2002 à 17:14:42
javascript ? CSS tu veux dire ?
y a quoi sur les lignes au-dessus ?
Marsh Posté le 06-09-2002 à 17:29:59
Citation : javascript ? CSS tu veux dire ? |
effectivement
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
Marsh Posté le 06-09-2002 à 17:43:31
c'est quoi ce bordel dans ton CSS
t'as un peu intérêt à ranger et à nettoyer.
genre :
tag.nom |
Marsh Posté le 06-09-2002 à 17:45:11
Marsh Posté le 06-09-2002 à 18:03:53
antp a écrit a écrit : http://ibelgique.ifrance.com/antp/ [...] horror.png |
OH MON DIEU !
(c'est à se demander si Dreamweaver fait pas exprès de pondre du code imbitable, pour faire mauvaise presse aux CSS...)
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....) |
Ben oui avec les marges et les bordures.
Je veux bien jeter un oeil, mais par pitié, rend au moins ton fichier CSS lisible
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 |
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...
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 ;
Marsh Posté le 06-09-2002 à 18:36:23
au secour
comment on organise un CSS?
Citation : tag.nom |
j'ai testé, ca fonctionne pas (ou plutot cé moi ki fonctionne pas...)
merci
Marsh Posté le 06-09-2002 à 18:45:31
nouveau CSS de compet
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
Marsh Posté le 06-09-2002 à 18:58:45
euh c quoi ces <br> partout là...
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...
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>....
Marsh Posté le 06-09-2002 à 19:02:51
gm_superstar a écrit a écrit : Argl... je me meurs... 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
Marsh Posté le 06-09-2002 à 19:08:52
j voulais voir si vous suiviez
http://www.courchevel.com/temp/site/css/style.css
ca va mieu là?
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 :
|
et les retour de lignes après chaque ";" c'est plus clair aussi
(et n'édite pas ton fichier avec Dreamweaver, notepad suffit )
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 :
<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
enfin...jcomprends rien koi....