Est-ce bien de coder une page comme ceci ^^ [O_o] ??

Est-ce bien de coder une page comme ceci ^^ [O_o] ?? - HTML/CSS - Programmation

Marsh Posté le 18-06-2006 à 11:17:58    

Voilà, j'ai testé de coder une page en css, je sais pas vraiment coder une page donc j'ai testé, dites moi si c'est bien de faire quelque chose comme ceci ou non, merci
 
http://sas.pursud.org/Divers/Codag [...] etest.html
 
http://sas.pursud.org/Divers/Codagetest/codagetest.css


Message édité par lyneus le 18-06-2006 à 11:20:15
Reply

Marsh Posté le 18-06-2006 à 11:17:58   

Reply

Marsh Posté le 18-06-2006 à 11:30:58    

Bah non !
 
Tu as du voir qu'il n'etait pas recommandé d'utiliser l'element table pour faire de la mise en page.
 
<br clear="all"> ... sympa ... tu l'as inventé pour répondre a quel besoin ?
 
Le code html dans le head c'est pour les gens qui ne savent pas coder en HTML voyons !
 
T'as un manque de rigueur assez terrible : quantité de balises qui ne sont meme pas fermées :s
 
On utilise pas 1 fois sur 2 <br> mais uniquement <br /> en xhtml strict (encore un probleme de rigueur ... ou de relecture que tu ne fais pas)
 
Tu oublis des guillemets (rigueur rigueur ...)
 
Tu oublis des balises (<tr> pour ne pas la citer) ... aurais-tu un probleme de rigueur ?
 
Bref ... je suis en train de faire le boulot du validateur w3c ... autant que tu soumettes ton site toi meme !
 
http://validator.w3.org/
 
PS : les personnes qui ont une connexion internet lente le savent ... ils ont eux meme compris depuis la nuit des temps que l'affichage n'est pas instantanné et qu'ils doivent etre un minimum patient. De plus les navigateur ont tous une barre de progression de chargement de la page en cours. Et je rajouterai que celui qui n'a pas la chance d'avoir une connexion rapide peut au moins esperer pouvoir commencer a lire le contenu du site meme si toutes les images et toutes les babioles autour ne sont pas encore chargées ce qui serait possible s'il n'y avait pas ce GIF pénible en plein milieu de leur écran :s

Message cité 1 fois
Message édité par afbilou le 18-06-2006 à 12:01:55
Reply

Marsh Posté le 18-06-2006 à 11:34:26    

Si tu veux vérifier que ta page a toutes les balises fermées, qu'elle est plus ou moins correcte (et donc qu'elle passera bien partout), tu peux la faire valider par un p'tit programme ici : http://validator.w3.org/


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 18-06-2006 à 11:39:44    

oui merci je sais pour le validateur, mais ma question c'était en gros, est-ce que c'est bien de coder en css ? si oui, est-ce que je l'ais bien fait ?  ;) merci

Reply

Marsh Posté le 18-06-2006 à 11:44:05    

oui et non
 
C'est bien d'utiliser le CSS car ça permet de faire des modifs plus facilement, encore faut t'il qu'il soit bien utilisé et dans ton cas, tu pourrais améliorer 2/3 choses
 

Code :
  1. <p class="titremenu3">Tribune libre</p>
  2. <!--Menu 3--><p class="menu3">


Si ton titre de news 3 est réelement différents des autres titres de news, et donc qu'il est unique, il vaut mieux un id (attribut id) et s'en servir dans le css

Code :
  1. #titremenu3 { /* blabla */ }


 
Mais comme tous tes menus ont l'air pareil [:petrus75], les numéros, pour moi, servent a rien.
 

Code :
  1. <p class="titremenu">Tribune libre</p>
  2. <!--Menu 3--><p class="menu">


et dans le CSS, tu fais les règles qui vont bien avec.
 
Note : tu peux aussi faire valider le CSS si tu veux ;)


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 18-06-2006 à 11:45:12    

rassure toi il existe aussi un validateur css http://jigsaw.w3.org/css-validator/ :s
 
Pour ce qui est de ta question de savoir si c'est bien de faire des CSS ... je pense que cette question n'est pas vraiment serieuse :s ... ou alors c'est que tu as vraiment besoin d'etre rassuré :s

Reply

Marsh Posté le 18-06-2006 à 12:39:16    

Remarque générale:
comme d'hab, c'est des tailles en pixels et ça fait tout crade avec ma taille de police par défaut.
 
ce truc là:
   overflow: hidden;
ça me fait de superbes débordements. je suppose que c'est pour tester.
 
À mon avis tu peut structurer beaucoup mieux le CSS en utilisant l'héritage, par exemple pour les titres.

Reply

Marsh Posté le 18-06-2006 à 12:44:39    

"l'héritage", comment ça, c'est quoi ?
 
ps: oui le overflow:hidden, c'est pour tester.

Reply

Marsh Posté le 18-06-2006 à 12:48:22    

lis à partir de là:
http://www.w3.org/TR/CSS1#grouping
(c'est la doc officielle, en anglais)

Reply

Marsh Posté le 18-06-2006 à 12:50:51    

Tu n'as aucun interet a mettre un style inline dans ce cas la :

Code :
  1. <div id="waitDiv" class="waitbox" style="left: 42.3%; visibility: hidden; position: absolute; top: 50%" align="center">


et align n'existe plus en xhtml.

Reply

Marsh Posté le 18-06-2006 à 12:50:51   

Reply

Marsh Posté le 18-06-2006 à 12:51:48    

mouais, c'est bizar ^^

Reply

Marsh Posté le 18-06-2006 à 13:02:33    

bah le truc c'est que si j'enlève le "style", ça fonctionne plus comme je veux, ça ce met tout en haut à gauche et c'est super long...

Reply

Marsh Posté le 18-06-2006 à 13:08:33    

Pose toi la question de savoir pourquoi tu définis la moitié de ton style dans un .css externe ... et l'autre moitié via un style inline ?
 
ca serait quand meme logique de faire la meme chose pour tout.
 
revoit ton code html aussi !!!! (c premier post de rpeonse) on ne trvaille pas serieusement le style d'une page via CSS avec une structure HTML bancale, bugée et exotique.

Reply

Marsh Posté le 18-06-2006 à 13:43:50    

zapan666 a écrit :

oui et non
 
C'est bien d'utiliser le CSS car ça permet de faire des modifs plus facilement, encore faut t'il qu'il soit bien utilisé et dans ton cas, tu pourrais améliorer 2/3 choses
 

Code :
  1. <p class="titremenu3">Tribune libre</p>
  2. <!--Menu 3--><p class="menu3">


Si ton titre de news 3 est réelement différents des autres titres de news, et donc qu'il est unique, il vaut mieux un id (attribut id) et s'en servir dans le css

Code :
  1. #titremenu3 { /* blabla */ }


 
Mais comme tous tes menus ont l'air pareil [:petrus75], les numéros, pour moi, servent a rien.
 

Code :
  1. <p class="titremenu">Tribune libre</p>
  2. <!--Menu 3--><p class="menu">


et dans le CSS, tu fais les règles qui vont bien avec.
 
Note : tu peux aussi faire valider le CSS si tu veux ;)


Vu le nom de la classe, c'est un titre, et un titre, c'est balise hx.

Reply

Marsh Posté le 18-06-2006 à 13:46:25    

dl dt dd c'est pas mal aussi dans son cas

Reply

Marsh Posté le 18-06-2006 à 14:28:13    

J'ai corrigé quelques erreurs, mais il y en à que je comprend pas, par exemple :
 
 
Line 78 column 6: end tag for "td" omitted, but OMITTAG NO was specified.
 
</body>
 
 
c'est un peu bizar, si quelqu'un veux bien m'éclairer, http://validator.w3.org/check?uri= [...] etest.html

Reply

Marsh Posté le 18-06-2006 à 14:35:58    

un grand nombre de balises qui ne sont pas fermées : ici un td !

Reply

Marsh Posté le 18-06-2006 à 16:43:58    

voilà, j'ai corrigé les balises non-fermées et tout ce que je pouvais corriger, mais il reste toujours 8 malheureuses erreurs que je n'arrive pas à corriger  :??:  :(

Reply

Marsh Posté le 18-06-2006 à 22:00:21    

:( up, je suis sûr que quelqu'un sais, svp, aidez-moi juste à corriger mes 8 erreurs...
 
merci

Reply

Marsh Posté le 18-06-2006 à 22:10:47    

  • erreur 1,2&3: tu n'a pas le droit de mettre n'importe quoi dans le <head></head>, en l'occurence le div "wait' devrait se trouver dans le body
  • erreur 4: change par un style="text-align:center"
  • erreur 6: http:"//ww
  • erreur 5&7&9: ton doctype est "XHTML Strict" au lieu de "XHTML Frameset"

Reply

Marsh Posté le 18-06-2006 à 23:07:43    

Bon tu as encore des erreurs, et une belle structure tableau à virer... :o
 
Et ensuite , métonne que personne te l'ai fait constater:
 

Code :
  1. <!--Titre Menu 1--><p class="titremenu1">Menu</p>


 
Tu m'arretes si je me trompe, mais là ton but et de dire que "Menu" est un titre...
 
alors tu peux me dire ce qu'il fout dans un putain de <p> de merde... :o :o
 
Un titre c'est de la forme : hx (x allant de 1 à 6, avec 1 pour le titre le plus important)
 
Etc etc :D

Reply

Marsh Posté le 18-06-2006 à 23:09:18    

oué, bon ben ça marche toujours pas :(:(:(:(  si quelqu'un veux bien me mettre le code entier sans ces satannées 8 fautes ici-même, ça serais super sympa.
 
merci

Reply

Marsh Posté le 18-06-2006 à 23:13:46    

xtof_83 a écrit :

Bon tu as encore des erreurs, et une belle structure tableau à virer... :o
 
Et ensuite , métonne que personne te l'ai fait constater:
 

Code :
  1. <!--Titre Menu 1--><p class="titremenu1">Menu</p>


 
Tu m'arretes si je me trompe, mais là ton but et de dire que "Menu" est un titre...
 
alors tu peux me dire ce qu'il fout dans un putain de <p> de merde... :o :o
 
Un titre c'est de la forme : hx (x allant de 1 à 6, avec 1 pour le titre le plus important)
 
Etc etc :D


 
 
oui, mais si je met h4 (celui qui me convient) ça décale toute ma page...

Reply

Marsh Posté le 18-06-2006 à 23:14:14    

Franchement même mon frére avec anglais niveau CM2 il te les trouve les fautes... :o
 
menerve ces gens qui se bougent pas le cul (attention les "..." sont pas à copier... au cas ou tu comprendrais pas ):

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  2.     <head>
  3.         <title>...::Multy MyGames::...</title>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5.         <link rel="stylesheet" media="screen" type="text/css" title="Site Multy MyGames" href="codagetest.css" />
  6. <!-- on ferme le putain de head :o:o -->
  7. </head>
  8. <body>
  9. ....


 
 
Et  

Code :
  1. <iframe src="http://www.i-tchat.com/10895" width="173" height="270" ><a href="http://www.i-tchat.com" onClick="window.open('http://www.i-tchat.com/h-10895')">Voir la shoutbox</a></iframe>


Reply

Marsh Posté le 18-06-2006 à 23:14:21    

lyneus a écrit :

oui, mais si je met h4 (celui qui me convient) ça décale toute ma page...


Ben oui, faut bien redéfinir le style...

Reply

Marsh Posté le 18-06-2006 à 23:15:13    

lyneus a écrit :

oui, mais si je met h4 (celui qui me convient) ça décale toute ma page...


 
 
Et ben tu redéfini ta balise h4  :ouch:  :ouch:  :ouch:  [:chrisbk]

Reply

Marsh Posté le 19-06-2006 à 06:45:56    

voilà, c'est bon pour les balises h4 et il me reste 6 erreurs...:(

Reply

Marsh Posté le 19-06-2006 à 07:54:53    

Que je t'ai déjà dit comment corriger!

Reply

Marsh Posté le 19-06-2006 à 18:32:45    

si je met ce que tu me dit de mettre, ça me met d'autres fautes...

Reply

Marsh Posté le 19-06-2006 à 18:57:45    

Apprend à lire

Reply

Marsh Posté le 19-06-2006 à 19:01:30    

xtof_83 a écrit :

Apprend à lire


 
apprend à faire une réponse cohérente, on avance à rien avec ce genre de commentaire...
 
C'est quoi les erreurs ?  
C'est quoi le code associés aux erreurs ?  
 
Pour corriger tes erreurs toi même, approfondit le HTML, tu trouvera des articles dans les liens suivant :
http://pompage.net/
http://css.alsacreations.com/
http://openweb.eu.org/


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 19-06-2006 à 19:07:38    

Validation:
http://validator.w3.org/check?uri= [...] etest.html
 
Je me répète:

  • erreur 1: change align=center par un style="text-align:center"
  • erreur 3: en rouge, c'est à supprimer: http:"//ww
  • autres erreurs: ton doctype est "XHTML Strict" au lieu de "XHTML Frameset", ce qui fait qu'il n'accepte pas les iframes


Message édité par nargy le 19-06-2006 à 19:12:38
Reply

Marsh Posté le 19-06-2006 à 19:10:34    

zapan666 a écrit :

apprend à faire une réponse cohérente, on avance à rien avec ce genre de commentaire...
 
C'est quoi les erreurs ?  
C'est quoi le code associés aux erreurs ?  
 
Pour corriger tes erreurs toi même, approfondit le HTML, tu trouvera des articles dans les liens suivant :
http://pompage.net/
http://css.alsacreations.com/
http://openweb.eu.org/


 
Je pense que j'ai quand même bien aidé ce zigoto...
Et les autres aussi.
 
Je le trouve plus faineant que motivé... Voilà ma réponse :o
 
Alors arrête de débiter des conneries  :fou:

Reply

Marsh Posté le 19-06-2006 à 19:12:04    

<!DOCTYPE html  
     PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Reply

Marsh Posté le 19-06-2006 à 19:34:17    

xtof_83 a écrit :

Alors arrête de débiter des conneries  :fou:


 [:mullet]  


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 20-06-2006 à 00:53:24    

Je vous remerci beaucoup toutes les personnes qui m'ont aidés. Je veux pas être chian ^^ mais il y à toujours 2 erreurs et j'ai testé pas mal de choses et bien...mouais, je trouve pas :(

Reply

Marsh Posté le 20-06-2006 à 01:07:19    

D'après le validateur :  

Citation :


The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).


J'aurais tendance à dire que c'est à cause des balices <script>
Tu devrais les mettres dans la balise <head>

Code :
  1. <head>
  2. <script>
  3. // blabla
  4. </script>
  5. </head>


---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 20-06-2006 à 01:18:37    

Bah je viens de tester, apparement ça vient pas de là...(c'est pas simple, mais bon avec de la persévérence je vais y arriver à la valider cette page ^^ <==grâce à vous)

Reply

Marsh Posté le 20-06-2006 à 01:19:59    

Milles excuses, je me suis laissé abusé par les messages d'erreur, et je t'ai donné la mauvaise DTD, c'est celle là que tu doit utiliser:


<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "XHTML1-t.dtd">

Reply

Marsh Posté le 20-06-2006 à 06:52:10    

:pt1cable:  :)  :)  merci beaucoup, ma page XHTML est validée.
 
sinon, pour éviter de créer (encore) un autre topic, comment s'appel la toute petite image dans la barre de l'adresse du site sous firefox, pour la changer...

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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