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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Debut XHTML

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Debut XHTML

n°750581
freed102
Arayashiki
Posté le 03-06-2004 à 13:02:08  profilanswer
 

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

mood
Publicité
Posté le 03-06-2004 à 13:02:08  profilanswer
 

n°750582
Profil sup​primé
Posté le 03-06-2004 à 13:03:07  answer
 

frameset surtout pas :/
 
et evidement tout en minuscule

n°750583
freed102
Arayashiki
Posté le 03-06-2004 à 13:04:28  profilanswer
 

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

n°750678
freed102
Arayashiki
Posté le 03-06-2004 à 14:05:48  profilanswer
 

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>

n°750698
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 14:13:40  profilanswer
 

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
n°750711
NerOcrO
PrOut
Posté le 03-06-2004 à 14:16:49  profilanswer
 

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


---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
n°750715
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 14:18:20  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°750730
NerOcrO
PrOut
Posté le 03-06-2004 à 14:22:36  profilanswer
 

C'est quoi la sémantique ?


---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.
n°750739
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 14:25:30  profilanswer
 

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
n°750747
NerOcrO
PrOut
Posté le 03-06-2004 à 14:27:45  profilanswer
 

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é.
mood
Publicité
Posté le 03-06-2004 à 14:27:45  profilanswer
 

n°750751
freed102
Arayashiki
Posté le 03-06-2004 à 14:29:17  profilanswer
 

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 ?

n°750760
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 14:31:31  profilanswer
 

cf. mon post précédent


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°750768
freed102
Arayashiki
Posté le 03-06-2004 à 14:33:17  profilanswer
 

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.

n°750924
freed102
Arayashiki
Posté le 03-06-2004 à 15:28:41  profilanswer
 

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

n°751021
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 16:05:36  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°751186
freed102
Arayashiki
Posté le 03-06-2004 à 18:00:29  profilanswer
 

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

n°751193
antp
Super Administrateur
Champion des excuses bidons
Posté le 03-06-2004 à 18:03:33  profilanswer
 

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
n°751202
freed102
Arayashiki
Posté le 03-06-2004 à 18:09:25  profilanswer
 

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

n°752177
freed102
Arayashiki
Posté le 04-06-2004 à 10:57:30  profilanswer
 

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 !

n°752185
fastclemmy
(re-)Dictateur en plastique
Posté le 04-06-2004 à 11:00:54  profilanswer
 
n°752188
freed102
Arayashiki
Posté le 04-06-2004 à 11:02:49  profilanswer
 

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

n°752193
fastclemmy
(re-)Dictateur en plastique
Posté le 04-06-2004 à 11:05:23  profilanswer
 

Tu veux faire quoi exactement comme positionnement ?

n°752207
freed102
Arayashiki
Posté le 04-06-2004 à 11:09:28  profilanswer
 

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

n°752225
freed102
Arayashiki
Posté le 04-06-2004 à 11:18:34  profilanswer
 

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
n°752245
freed102
Arayashiki
Posté le 04-06-2004 à 11:24:51  profilanswer
 

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 ?

mood
Publicité
Posté le   profilanswer
 


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

  Debut XHTML

 

Sujets relatifs
comment cliquer un calque (div) en XHTML ??XHTML 1.1, forms et tableaux
IE affiche aléatoirement la page xhtml comme un document xmlparametre dans url et compatibilité xhtml ??
jeu en C++ * commencons par le debut: Use Case *[XHTML / CSS] problème d'alignement horizontal [Résolu]
[PHP] Upload photo + Galerie CSS XHTML [Résolu][CSS XHTML PRO] Avis sur 2 pages
[XHTML] Caller un pied de pageAligner verticalement en xhtml [résolu]
Plus de sujets relatifs à : Debut XHTML

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.119 secondes

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