Debut XHTML

Debut XHTML - HTML/CSS - Programmation

Marsh Posté le 03-06-2004 à 13:02:08    

Hello à tous... (et surtout à foxcssfox)
 
Voila je vais me mettre au XHTML... un gros site est en préparation.. alors je prefere commencer bien pour pas qu'il se casse la gueule en cours de route !
j'ai choisi le XHTML pour une compatibilité maximale et un code propre ecrit avec rigueur... et pour avoir assez de souplesse pour organiser un peu tout ça... j'espere pas trop galerer non plus car j'ai pas beaucoup de temps.
 
alors j'ai deja une premiere question... vaut il mieux taper son code en majuscules ou en minuscules ?
 
Je vais utiliser du PHP (forcement !!) et des objets flash, real, et peut etre même asf... beaucoup de formulaires, peut etre même des frameset... ai-je fait le bon choix ???
 
Peut-on mettre un objet video (Real ou ASF) dans un DIV et le manipuler à sa guise ?
 
... on va s'arreter là pour le moment... ensuite ça devrait venir tout seul  ;)
 
Merci !
 
Freed

Reply

Marsh Posté le 03-06-2004 à 13:02:08   

Reply

Marsh Posté le 03-06-2004 à 13:03:07    

frameset surtout pas :/
 
et evidement tout en minuscule

Reply

Marsh Posté le 03-06-2004 à 13:04:28    

chacal_one333 a écrit :

frameset surtout pas :/
 
et evidement tout en minuscule


 
Merci ! je me passerai des frameset ! je ferai des show/hide avec des div...

Reply

Marsh Posté le 03-06-2004 à 14:05:48    

Bon... est-ce que je suis bien parti pour l'instant ?
 

Code :
  1. <?php
  2. $pagetitle="Homepage";
  3. $pathimages="/webtv/";
  4. $pathincludes="/webtv/";
  7. ?>
  8. <?xml version="1.0" encoding="UTF-8"?>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  11. <head>
  12. <title><?php echo $pagetitle; ?></title>
  13. </head>
  14. <body>
  15. <div id="BlocPrincipal">
  16. <div id="Logo">
  17. <?php include('$pathincludes/includes/design/logo.php'); ?>
  18. </div>
  20. <div id="Pub">
  21. <?php include('$pathincludes/includes/pub/pub.php'); ?>
  22. </div>
  24. <div id="MenuGauche">
  25. <?php include('$pathincludes/includes/menu/menugauche.php'); ?>
  26. </div>
  28. <div id="Menuhaut">
  29. <?php include('$pathincludes/includes/menu/menuhaut.php'); ?>
  30. </div>
  32. <div id="BlocContenu">
  34.  <div id="Sommaire">
  35.  </div>
  37.  <div id="Sommaire">
  38.  </div>
  40. </div>
  41. </div>
  42. </body>
  43. </html>

Reply

Marsh Posté le 03-06-2004 à 14:13:40    

vire le <?xml...>, il n'est pas utile, risque d'être pris pour du PHP, et fait qu'IE n'est pas en mode strict bien que le doctype le spécifie.


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

Marsh Posté le 03-06-2004 à 14:16:49    

Voit directement avec Mr w3c :
http://validator.w3.org/


---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
Reply

Marsh Posté le 03-06-2004 à 14:18:20    

Il ne vérifie que la syntaxe, pas la sémantique ;)


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

Marsh Posté le 03-06-2004 à 14:22:36    

C'est quoi la sémantique ?


---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
Reply

Marsh Posté le 03-06-2004 à 14:25:30    

pas bien :
<p class="titre">titre</p>
bien :
<h1>titre</h1>
 
pas bien :
<div class="liste">
<span class="itemliste">texte</span><br />
bien :
<ul>
<li>texte</li>
 
Et aussi le fait de ne pas tout foutre dans l'attribut style comme un bourrin.
Et ne pas donner aux classes des noms liés à leur présentation (class="bleu" ) mais à leur fonction (class="remarque" )


Message édité par antp le 03-06-2004 à 14:26:43

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

Marsh Posté le 03-06-2004 à 14:27:45    

Ok j'ai compris mais ce n'est plus de l'ordre de l'XHTML mais du bon sens ;)


---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
Reply

Marsh Posté le 03-06-2004 à 14:27:45   

Reply

Marsh Posté le 03-06-2004 à 14:29:17    

antp a écrit :

Il ne vérifie que la syntaxe, pas la sémantique ;)


 
qu'est ce que la sémantique en XHTML ? est-ce (par exemple) la cohérence de l'imbrication des éléments ?

Reply

Marsh Posté le 03-06-2004 à 14:31:31    

cf. mon post précédent


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

Marsh Posté le 03-06-2004 à 14:33:17    

antp a écrit :

cf. mon post précédent


 
Ok merci... de ce coté là je crois que j'avais bien capté le principe ;)
les id de mes blocs sont bien destinés à des éléments bien definis.. du coup mes éléments CSS seront organisés de la même maniere.

Reply

Marsh Posté le 03-06-2004 à 15:28:41    

voila j'ai fait valider le debut de ma page... tout se passe bien.. simplement j'ai un message d'erreur que je ne capte pas !
 
look at this => http://www.clonecopy.net/webtv/index.php
 
ça ecrit :  
 

Citation :

No Character Encoding Found! Falling back to UTF-8.I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.  
 
So what should I do? Tell me more...
 

Reply

Marsh Posté le 03-06-2004 à 16:05:36    

Il n'y a pas de tag <meta> spécifiant l'encoding


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

Marsh Posté le 03-06-2004 à 18:00:29    

Mais quoi ?? kesk'elles ont mes listes ==> :( http://www.clonecopy.net/webtv/index.php

Reply

Marsh Posté le 03-06-2004 à 18:03:33    

les sous-UL doivent être dans un LI (tu ne dois refermer le LI après le sous-UL)


Message édité par antp le 03-06-2004 à 18:03:52

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

Marsh Posté le 03-06-2004 à 18:09:25    

antp a écrit :

les sous-UL doivent être dans un LI (tu ne dois refermer le LI après le sous-UL)


 
Argh !! c ce que j'avais fait au debut.. j'aurai du laisser !! thx !! ça marche !! ma page est valide !! (faut bien commencer par quelquechose !  :bounce: )

Reply

Marsh Posté le 04-06-2004 à 10:57:30    

Mouai !! et bien c pas gagné !! j'ai encore du mal avec les positions des DIV... ça se met pas ou j'veux !!! faut que je capte bien le principe !

Reply

Marsh Posté le 04-06-2004 à 11:00:54    

Reply

Marsh Posté le 04-06-2004 à 11:02:49    

fastclemmy a écrit :

http://openweb.eu.org/articles/initiation_flux/


j'ai deja lu tout ça ! lol !
 
voici mon CSS... ya surement des trucs qui clochent ! HELP ME !
 

Code :
  1. div#Page {
  2. text-align: center;
  3. }
  5. ul#Menu1 {
  6. font-family: Verdana, Arial, Helvetica, sans-serif;
  7. font-size: 10px;
  8. color: #FFFFFF;
  9. background-color: #006699;
  10. border: 1px dashed #666666;
  11. list-style-type: none;
  12. font-weight: bolder;
  13. width: 150px;
  14. height: 30px;
  15. position: absolute;
  16. margin-left: 0px;
  17. left: 0px;
  18. top: 60px;
  19. }
  21. ul#SousMenu1 {
  22. font-family: Verdana, Arial, Helvetica, sans-serif;
  23. font-size: 10px;
  24. color: #FFFFFF;
  25. background-color: #0099CC;
  26. list-style-type: none;
  27. padding-left: 0px;
  28. margin: 0px;
  29. position: relative;
  30. }
  32. ul#SousMenu2 {
  33. font-family: Verdana, Arial, Helvetica, sans-serif;
  34. font-size: 10px;
  35. color: #FFFFFF;
  36. background-color: #0099CC;
  37. list-style-type: none;
  38. padding-left: 0px;
  39. margin: 0px;
  40. position: relative;
  41. }
  44. div#w3c {
  45. font-family: Verdana, Arial, Helvetica, sans-serif;
  46. position: relative;
  47. float: right;
  48. }
  50. div#BlocPrincipal {
  51. background-color: #CCCCCC;
  52. border: 1px solid #999999;
  53. padding: 5px;
  54. margin: 5px;
  55. left:5px;
  56. right: 5px;
  57. margin-left: 5px;
  58. margin-right: 5px;
  59. height: 550px;
  60. width: 770px;
  61. position: relative;
  62. }
  64. div#BlocContenu {
  65. background-color: #EEEEEE;
  66. border: 1px solid #999999;
  67. width : 605px;
  68. height: 200px;
  69. position: relative;
  70. float:right;
  71. margin-left: 160px;
  72. margin-right: 0px;
  73. left: 0px;
  74. top: 60px;
  75. }
  77. body {
  78. background-color: #EEEEEE;
  79. }

Reply

Marsh Posté le 04-06-2004 à 11:05:23    

Tu veux faire quoi exactement comme positionnement ?

Reply

Marsh Posté le 04-06-2004 à 11:09:28    

en fait je sais pas comment on met deux blocs l'un a coté de l'autre en considerant que le bloc maitre est le point "zero" donc mon cas je veux que le menu soit à X=5;y=65 et que div#bloccontenu soit à x=160;y=65(à l'interieur de div#BlocPrincipal)... logiquement les deux devraient etre bien alignés.. Mais c pas le cas ! et ya un truc qui cloche avec les marges...
 
http://www.clonecopy.net/webtv/index.php

Reply

Marsh Posté le 04-06-2004 à 11:18:34    

je crois que j'ai capté le principe... (c pas encore dans la poche mais en fait je m'emmelais les crayons)
 
Je mélangeais les margin-left/right avec left/right et padding etc etc... alors forcement ça se calle pas bien !


Message édité par freed102 le 04-06-2004 à 11:19:43
Reply

Marsh Posté le 04-06-2004 à 11:24:51    

Autre chose.. si je veux qu'un bloc se scale en fonction d'un autre bloc... par exemple :
 
j'ai un bloc Div#BlocPrincipal qui fait 770Px
j'ai un bloc ul#menu qui fait 150px
et je veux que mon bloc Div#BlocContenu remplisse le reste en prenant compte des marges, avec une table HTML je l'aurais mis à 100%... mais là si je mets 100% mon bloc fait 770px comme le bloc maitre... mais forcement il sort du cadre puisque je l'ai decalé de 160px... ya t'il un moyen de mettre les blocs les uns à coté des autres et que ça se calle tout seul ?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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