martin©

J'ai eu les tests souhaités, donc si çà peut être utile à certains, voilà une étude et des résultats de tests de l'usage de la balise object pour incorporer toutes sortes de document dans une page html ou xhtml valide strict : http://joliclic.free.fr/html/object-tag/

Bonjour, j'ai eu besoin de me pencher sur l'insertion valide strict de media via la balise object, et le résultat obtenu dans les navigateurs. J'ai donc fait un série de tests sur divers types de media, et les ai testés sur plusieurs navigateurs. Vous pouvez trouver cette étude, et tous les cas d'essais là : http://joliclic.free.fr/html/object-tag/ et un tableau récapitulatif : http://joliclic.free.fr/html/object-tag/object-results.html Il me manque les résultats pour 2 navigateurs importants, Safari et IE mac, n'ayant pas de MAC. Est-ce qu'il y aurait ici de gentils macareux pour me dire le résultat sous ces navigateurs ? Il suffit d'afficher toutes les pages de tests et de me communiquer le résultat. J'ai préparé un fichier txt : http://joliclic.free.fr/html/object-tag/results-form.txt Il n'y a plus qu'à y remplir le résultat de tous les essais, et de me le transmettre (me demander mon mail par MP) Merci d'avance. Ca peut servir de réponse à des questions récurrentes d'insertion de media dans du code valide. Et le résultat pour l'instant confirme que ce type d'insertion valide et strict fonctionne plutôt trés bien...

Il n'y a pas que le modèle de boite qui concerne le mode quirk... Mozilla bascule bien en mode quirk sur le reste (ex: taille des polices dans un table...). Cependant, effectivement çà ne résoud pas ton problème. Il y a cependant une solution, la propriété CSS3 box-sizing, je ne sais pas si gecko l'intègre tel quel dans les dernières versions, mais il l'intègre au moins en tant que propriété propiétaire. Essaie de rajouter : box-sizing: border-box; -moz-box-sizing: border-box; à tes boites, et bonheur tu devrais avoir

Ne pas oublier que si il y a eu des suppressions de lignes, le dernier id qui a été enregistré n'est pas forcement le plus grand ! Mysql comble les "trous" ... EDIT: oubliez ce que j'ai dis, c'est n'importe quoi ! mysql comble les "trous" du fichier, mais un auto_increment continue à s'incrémenter heureusement, je vous dis pas le souk sinon...

Je suppose que tu as compris le tutoriel 5 de fpdf, dont je t'ai filé le lien. Imaginons que tu as le tableau (php) $donnees, contenant les données extraites de ta base mysql. Quand tu crées un tableau (graphique) pdf via la fonction ImprovedTable() du tutoriel, tu te rends compte sur ta premiere page (pdf) que tu souhaites afficher $nbreLigne par page (par exemple 30). Tu divises alors ton tableau $donnee en tableaux plus petit, de $nbreLigne éléments maximum : $donnees=array_chunk($donnees, $nbreLigne). Tu as donc $nbrePage=count($donnees) pages à créer. Ensuite ton fichier pdf peut être créé ainsi : $pdf=new PDF(); for ($i=0; $i<$nbrePage;$i++){ $pdf->AddPage(); $pdf->ImprovedTable($header,$donnees[$i]); }; $pdf->Output(); Bon, j'ai pas testé, mais l'idée doit marcher. On pourrait surement y arriver par d'autre moyen, c'est le premier qui m'est passé par la tête.

Calcule le nombre maximal de lignes que tu veux mettre dans un tableau sur une page, puis fais une boucle, tout les tant de lignes ajoute une nouvelle page (AddPage) et recommence un nouveau tableau.

Sans aucune envie de troller, je suis d'accord sur le fait qu'il faille bien définir une frontière entre le navigateur et son contenu, mais je ne vois pas en quoi les scrollbars internes feraient plus partie du logiciel que du site consulté. Plus précisement, je suis d'accord sur la scrollbar de la fenêtre, elle fait partie du navigateur, mais pas sur celles internes à la page. C'est d'ailleurs le comportement de IE 6 en mode strict (me v'là en train de défendre IE ). Je ne vois pas en quoi elles seraient plus "délicates" que les éléments de formulaires par exemple (qui d'ailleurs quand ils sont trop triturés sur certains sites, sont difficilement appréhendables). Personnellement j'aurai aimé (mais c'est visiblement pas le cas) que le wc3 les introduise dans les css3, et les perfectionne. Par contre, effectivement, c'est dommage que leurs syntaxes propriétaires ne soit pas conforme... Qui sait si un jour elles ne feront pas basculer un navigateur en mode quirk.

Donc la solution fpdf est parfaite, elle ne nécessite aucune librairie. Je comprends pas où tu bloques. Traites en 2 temps, récupères tes données sur mysql (je suppose que tu sais le faire). Puis à partir de ces données tu génère ton pdf. Le site de fpdf a plein de tutoriels et de script qui te fournisses plein d'exemples. Par exemple pour générer un tableau : tutoriel 5

Malheureusement, si ton formulaire ne contient qu'un seul champs de type input, IE n'envoie PAS le submit et sa valeur (il n'envoie pas $_POST['ok']). Ta solution, soit essayer de rajouter un champs supplémentaire (pour le login par ex), soit plus simple et c'est ce que je ferai, tester l'existence de $_POST['password'] plutôt que l'existence du submit. Au passage, tu ne devrai pas récupérer ton $password directement, çà ne marchera plus avec register_global à off, ce qui est censé être par défaut dans les dernière version de php. Donc quelque chose comme çà: if (isset($_POST['password']){ if ($_POST['password']!= 'sandrine'){ die ("Votre mot de passe n'est pas correct"); }else{ // ton html }; };

Oups, , j'avais pas vu... Bon t'as pas de chance, c'est un autre bug de IE (décidement..). Si tu rajoutes : #mainmenu li{ border: 1px solid white; } Ca marche. Mais çà ne va pas te plaire, vu que tu souhaites ce menu transparent sur ton image. Et IE ne connait pas la valeur transparent à la propriété color. ps: es tu sûr que le div #menu soit bien nécessaire, vu qu'il ne contient qu'un élément ul (#mainmenu)? Ce dernier suffirait avec les propriétés de son enfant. De même, tous ces id (menu1.....menu11) sont ils bien nécessaires ? Leur propriétés devrait sûrement pouvoir étre définis de manière générique.

pour les meta keyword et description, oui tu as bien fait, je les avez enlevé juste pour alléger le post. Sinon, c'est bien tu as allégé ton code. Par contre, soit tu enlèves le div intro (le sens d'un div c'est : un bloc de donnée) que j'avais mis, puisqu'il englobe tout ce qui est dans le bloc "contenu", et tu remets les propriétés qui le concerne à #contenu. Soit, et je pense que c'est ce tu voudrais, tu le laisses, et tu en crée un autre s'appelant par exemple "plan", contenant les liens du site, auquel tu peux affecté une justification à gauche (text-align: left;). Tu peux en créé un troisième contenant le pied de contenu. Sinon, plutôt que d'utiliser des div, tu peux aussi surement utiliser d'autres balises, qui ont des sens plus précis. Par exemple, ces listes de liens de ton site pourrait être une liste de définition (élément html <dl>) contenant des expressions (élément <dt>) dans lequel sont imbriqués tes liens (<a>), et des définitions d'expressions (élément <dd>). Ton menu tout en bas pourrait être une simple liste non ordonnée (élément ul) contenant des éléments (li) qui contiennent des liens (a). Pour ces listes (dl ou ul), la representation par défaut des navigateurs ne va surement pas te plaire, mais de nouveau les css vont te permettre de les afficher comme bon te semblera (en ligne, sans puces ....).

tiré de ta css : ul#mainmenu li:hover>ul{ display:block; } D'ailleurs IE ne connait pas non plus le selecteur d'enfant (>).

Ouais , c'est un bon début. Alors, tu pourrais continuer à structurer plus ton document. Ton élément "contenu" comporte visiblement des sections, par exemple au début tout tes éléments ont des 'align="center"'. Il me semblent donc formés un bloc cohérent. Tu pourrais les placer tous dans un élément div qui aurait l'id "intro". Dans la feuille de style tu rajoutes : #intro { text-align: center; } Du coup tu vires tous les align="center" de ton code, puisqu'on vient de le définir de manière générique. Dans ce bloc, seul le premier h2 me semble légitime, puisque tous les autres sont affublés de <font size="2">. Donc, à part le premier, remplace les autres soit par des <p> (paragraphe), soit dans des <h3> (sous titre de niveau 3). J'hésite au vu de la suite de ce bloc, où visiblement tu voudrais des <p> différents. Donc soit ce sont des paragraphes avec une classe particulière (que l'on peut définir dans la css), soit ce sont des h3. Je pencherai plutôt pour les h3. Dans tous les cas tu vires les <font size="2">. "Industrie et Publicité sont les deux maîtres mots !" semblent devoir être mis en evidence, plutôt que d'utiliser une fois de plus <font ...>, il devrait être placé dans une balise <em>(mise en exergue) ou <strong>(mise en exergue plus forte). Allons y pour strong, çà à l'air important. Si on ne modifie pas la css, les navigateurs afficheront simplement en gras, donc on mettra ce que l'on préfère dans la css. Je reviens un coup sur le cartouche. Il y est spécifié des polices, c'est bien, mais à priori, c'est pareil, hop dans la css, et dans les propriétés de l'élément body, comme çà le document sera cohérent. Voilà, le but du jeu c'est d'essayer d'écrire ton document avec du sens, sans te préoccuper du visuel, d'abord un entête (ton cartouche), puis le corps du document, lequel contient l'introduction, qui est composé d'un titre de sous titres, et de paragraphe, lesquels contiennent des mise en exergues, des images...etc. Puis tu défini ton rendu visuel par les css. Donc, pour te lancer, je te file le début de ton fichier retouché, et une css qui va avec. Il y 2-3 trucs en plus de ce que je t'ai dis, essaie de comprendre avec les docs filés plus haut. En plus de ces docs, tu peux rechercher le site selfhtml,qui est une doc peut être plus abordable au début (à utiliser conjointement avec celle officielle quand même). Et puis tu continues. le html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Photographe professionnel Photographie d'Entreprises</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="style11.css" rel="stylesheet" type="text/css"> </head> <body> <div id="cartouche"> <a href="http://www.photographe-professionnel.fr/"><img src="images/monlogobase.jpg" alt="Photographe professionnel" width="105" height="115" title="Photographe professionnel_Frédéric Watbled"></a> <h1>Photographe professionnel</h1> <p> Une expérience de 25 années dans la réalisation des Photos de Reportage, photographies Institutionnelles, Visuels pour le Corporate, Clichés de studio et sur sites pour le Marketing et la Publicité de l'Industriel et de l'Entreprise. </p> <p>Frédéric WATBLED +33 (0) 1 39 78 11 38 - 06 07 52 66 45 - Membre de l' U P C et de la Société des Auteurs d'Images Fixes - <a href="mailto:frederic.watbled-photographe_AT_wanadoo.fr">Me contacter par mail</a> </p> </div> <div id="contenu"> <div id="intro"> <h2> <a href="http://www.photographe-professionnel.fr/photographe_communication_entreprise.html"> Photographies dédiées à la Communication des Entreprises</a> </h2> <h3> Reportages Officiels <a href="http://www.photographe-professionnel.fr/reportage_evenements.html"><img src="images/vignettesindex/evenements.gif" alt="couverture d'évenements" width="83" height="63"></a> Visuels Corporate pour l'Institutionnel <a href="http://www.photographe-professionnel.fr/photographe_corporate_professionnel.html"><img src="images/vignettesindex/corporate.gif" alt="Images Corporate et Institutionnelles" width="83" height="63"></a> Portraits d'Entreprises <a href="http://www.photographe-professionnel.fr/portraits_portraitiste_organigramme.html"><img src="images/pdg.jpg" alt="Portraitiste Organigramme" width="47" height="71"></a> </h3> <h3>Photographie Industrielle <a href="http://www.photographe-professionnel.fr/reportages_industriels.html"><img src="images/vignettesindex/industrie.gif" alt="Photos industrielles" width="83" height="63"></a> Clichés Publicitaires <a href="http://www.photographe-professionnel.fr/photographies_publicitaires.html"><img src="images/vignettesindex/publicite.gif" alt="Illustration pour plaquettes et brochures" width="83" height="63"></a> Reportages en Numérique <a href="http://www.photographe-professionnel.fr/imagerie_numerique.html"><img src="images/vignettesindex/numerique.gif" alt="le numérique au service de la qualité" width="83" height="63"></a> </h3> <h3>Photos en Panoramique <a href="http://www.photographe-professionnel.fr/photographie_panoramique.html"><img src="images/vignettesindex/panoramique.gif" alt="Images d'environnement en panoramique" width="83" height="32"></a> Studio et Pack-Shot <a href="http://www.photographe-professionnel.fr/prisedevuesen_studio.html"><img src="images/vignettesindex/studio.gif" alt="photographies en studio ou reconstitution sur site" width="83" height="63"></a> English Version <a href="welcome.html"><img src="images/drapeauanglais.jpg" alt="English version" width="48" height="27"></a> </h3> <p>Photographe professionnel du val d'oise basé à <a href="http://www.photographe-professionnel.fr/photographie_panoramique_de_la_frette.html"><em>La Frette sur seine</em></a>, spécialiste de la photo technique et illustrateur. </p> <p>Production de <a href="http://www.photographe-professionnel.fr/photographe-communication-interne.html"><em>photographies pour la Communication Interne</em></a> et l'Institutionnel des Entreprises et Groupes Industriels </p> <p><strong>Industrie et Publicité sont les deux maîtres mots !</strong></p> <p>J'ai voulu en créant ces pages, faire partager au plus grand nombre l'amour que je porte à mon métier. Vous y trouverez quelques conseils se rapportants aus techniques de prises de vues et à la création d'images dans tous les formats et supports existants. Souhaitant que les informations fournies apportent les réponses à vos questions. </p> </div> </div> </body> </html> Et la css : a { text-decoration: none; } a:link { color: #FFCCCC; } a:visited { color: #CCFF99; } a:active { color: #FFFF66; } a:hover { color: #FF9900; text-decoration: underline; } body { margin: 0; padding: 0; background-color: #999999; color: #FF9966; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 80%; } img { border-width: 0; } h2, h2 a { color: #FFCC99 !important; } h3 { font-size: 100%; } h3 img { vertical-align: middle; } em { color: #FF9966; font-style: normal; } strong { color: #FFFF99; font-style: normal; } #cartouche, #contenu { background-color: #000033; margin: 10px auto; padding: 0.5em; width: 80%; border: 1px solid #CCCCCC; color: #FFFFFF; } #cartouche { text-align: center; } #cartouche img{ float: left; } #intro { text-align: center; }

IE ne connait le selecteur :hover que sur les éléments <a>. Il y a plusieurs propositions alternatives en ce moment sur le forum "script et utilitaire". Sinon tu peux regarder par là, une autre solution est proposée pour combler cette lacune de IE.

Pas d'accord, si l'utilisateur a désactiver javascript, il ne pourra jamais soumettre le formulaire. De plus l'utilisateur peut aussi soumettre son formulaire en appuyant sur entrée. Il faut mettre un contrôle de vérification sur l'événement onSubmit du formulaire , et rajouter un contrôle sur le serveur (via php par exemple) dans le cas où javascript est désactivé. function verification(){ if (document.forms["formulaire"].verif.checked==true) { return true; }else{ return false;}; } <form action="validation.php" method="post" name="formulaire" onSubmit="return verification();"> <input type="checkbox" name="verif" id="verif"> Je suis d'accord !<br /> <input type="submit" name="envoi" value="Envoyer" /> </form>

Oups, je comprend pas tout, je trouve ton explication confuse(désolé). Ce que j'en comprend, tu n'as pas besoin de tableaux. Je te propose un canevas de départ correpondant à ce que tu souhaites. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { margin: 0; /* marges "externes" nulles*/ padding: 0; /* "marges internes" nulles*/ background-color: #999999; /*couleur d'arrière plan*/ } div { /*tous les éléments div du document*/ background-color: #000000; /*couleur d'arrière plan*/ margin: 10px auto; /*10 pixel pour les marges haute et basse, automatique pour gauche et droite.*/ width: 80%; /* l'element div a une largeur égale à 80% de l'élément dans lequel il est contenu*/ border: 1px solid #CCCCCC; /*epaisseur style et couleur*/ color: #FFFFFF; /*couleur du texte*/ } #cartouche { /*element dont l'id est cartouche*/ text-align: center; /*alignement du texte*/ } #cartouche img{ /* toutes les images de l'element dont l'id est cartouche*/ float: left; /*les images contenues dans l'élément cartouche flottent à gauche*/ } --> </style> </head> <body> <div id="cartouche"> <img src="images/logo.png" width="109" height="104" alt="mon logo" title="mon logo"> <h1>fredwat</h1> <p>ce que je fais</p> </div> <div id="contenu"> <h2>ma section 1</h2> <p>gna gna gna</p> <p>et gna gna gna</p> <h2>ma section 2</h2> <p>gni gni gni</p> <p>et gni gni gni</p> </div> </body> </html> Je t'ai annotée abondament les quelques css, çà te fera un bon départ pour comprendre.

Surtout pas...Voilà un début de solution. imaginons un tableau simplissime : <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> Voilà des styles css associés à ce tableau, tu mets ce paragraphe dans l'entête de ton document, c'est à dire quelques part entre <head> et </head> : <style type="text/css"> <!-- table { height: 119px; width: 854px; border: 1px solid #999999; background-color: #000000; } td { border: 1px solid #999999; } --> </style> Ce devrait correpondre à ce que tu attends (sauf peut être que tu voudrais que les cellules soient "collées", à ce moment là il faut rajouter autre chose). Ces styles sont appliqués à tous les tableaux de la page, mais il serait possible de l'appliquer qu'à certains. Essaie, et reviens si tu as d'autres problèmes. Ah oui, rajoutes l'URI dans ton doctype, afin que les navigateurs ne soient pas en quirk mode, certains styles (mais pas ceux que je viens de te donner) sont mal appliqués sinon.

Il sont dans ton code, mais pas dans la spécification du W3C Essaie de passer par les CSS plutôt :la doc.

Bonjour, Je crois bon de préciser que néanmoins les navigateurs ne réagiront pas forcément de la même façon suivant que l'URI est présente ou pas dans le doctype. Voilà un récapitulatif, et un autre, indiquant les cas où les navigateurs basculent en mode "quirk" ou reste en "standard compliant". Sinon, les sites des navigateurs signalent en principe leur fonctionnement.

C'est une fonction première des formulaires ! Quand tu rentre sur un forum par exemple, on te demande ton nom et ton mot de passe (via 2 champs, un de type text et un de type password), quand tu cliques sur le bouton submit, le serveur récupère les valeurs du formulaire et vérifie que tu fais partie de sa base de donnée. Ce traitement s'effectue via un language coté serveur comme php ou asp. En php par exemple, ces valeurs sont récupérées dans le tableau $_POST ou $_GET.

Bonjour à tous, A l'arrache, (pas testé), je dirai: document.getElementById("test").onclick = function(){Colorer( 'macouleur');};

Tout d'abord, bonjour à tous , c'est mon premier post ici. En ce qui concerne l'html (je ne fais pas de xhtml), je souhaites préciser: ElMoustiko ne l'a pas affirmer assez, si le formulaire est destiné à être traiter sur le serveur, c'est l'attribut name qui est pris en compte, pas l'id. En php par exemple, un champ text est récupéré avec $_POST['name_du_champs'] (ou $_GET['name_du_champs'], et il contient l'attribut value. Si le champs a un id mais pas de name, le serveur ne recoit rien (ni avec mozilla, ni avec IE6) vchahun a tort. On peut sans problème utiliser les id pour accéder à un champs de formulaire via le DOM, même avec l'objet forms. (Du moins avec un doctype strict, j'ai pas essayé en transitional). Exemple: alert(document.forms[id_du form].id_du_champs.value) fonctionne sans problème sous mozilla et IE6. Donc en html strict l'attribut name est déprécié, et peut être abandonné si le formulaire n'est pas destiné à être récupérer et traiter sur le serveur, dans ce cas l'id sera parfaitement adapté pour y accéder dans les css ou les javascript, dans le cas contraire on est obligé de mettre l'attribut name pour récupérer ces données. En ce qui concerne xhtml, je n'ai fait aucun essai. Il faudrait voir ce qu'envoient les navigateurs dans les différents cas évoqués (selon qu'ils passent mode quirk ou non).