Aller au contenu

Mado

Hubmaster
  • Compteur de contenus

    269
  • Inscrit(e) le

  • Dernière visite

Tout ce qui a été posté par Mado

  1. bjour voila une css dont je me sers pour un site que je suis entrain de faire BODY { margin: 0 ; background-color : #FFFFFF; font-family : Helvetica, Verdana, Geneva, Arial, sans-serif; font-size : 12px; font-style : normal; font-weight : normal; } h1 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } h3 { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } table { width:100%; spacing:0; padding:4; margin-left: auto; margin-right: auto; } .table2 { la dans le html il faut que je mette class="table2" la ou je veux l'appliquer? border-style:solid; border-width:1px; border-color:#ff9900; margin-right: auto; width:90%; spacing:0; padding:4; } .table3 { ce table correspondont au menu e sous nescape je le retrouve tout en bas? comment je dois faire pour qu'il reste en haut , en html on a valign="top" comment idem en css? width: 100%; height: 360px; margin-left: 0; spacing:0; padding:4; } .table4 { width: 478px; height:360px; spacing:0px; padding:4px; } .table5 { border-style:solid; border-width:1px; border-color:#99ffff; margin-left: auto; margin-right: auto; width:100%; height: 100%; spacing:0px; padding:4px; } tr,td { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding: 3px; } td.aujourdhui{ width : 210px; } li { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; color: black; display : list-item; } div { } /*menu */ ul {list-style-type: none;} /* on supprime les puces, inutiles */ la sous IE les puces n'apparaissent pas mais sous nescape 4.7 si et decalée? comment faire pour regler ce probleme?.menu a { width: 130px; height: 20px; display: block; text-align: left; border: 0px solid orange; text-decoration: none; color: #000000; background: #ffffff; left: auto; } .menu a:hover { background: #ff9933; border: 1px solid orange; } .menu a:active { background: #A70300; border: 1px solid gray; color: #fff; } img {je voudrais que l'image soit en valign="top" comment faire en css? margin-left: 0; margin-top:0px; left:230px; } vous avez bien compris que j'ai un tableau a 100% (css table)et dedans un tableau de deux colonnes avec le menu a gauche aussi dans un tableau (csstable3 que j'esseye de remplacer par <ul> <li> </li></ul>... ca marche ca avec nescape?) et a droite une colonne avec encore un tableau de deux lignes 2 colonnes (csstable4) en fait les pages bougent dans le table4 pourtant les images en haut dans la ligne 1 colspan=2 les images sont de la meme taille ensuite j'ai une image dans la colonne de gauche et du texte dans la colonne de droite je crois que ma css n'est pas bonne... vous pouvez m'aider? et je voulais savoir quand est ce qu'on utilise la balise id et comment fonctione les navigateurs quand on met la taille des polices en % merci
  2. y'a un log gratuit Aprompt qui permet tout de meme de verifier tout ca je l'utilise mais ca ne sera pas accessible tout de meme a 100% c'est vraiment galère. Même si on s'en preoccupe ce n'est pas evident du tout, y'a tellement de navigateur avec leurs spécificités enfin au moins on essaie je vais demander a des utilisateurs handicapés de me dire si tout est ok pour eux en ce qui concerne le site que je suis entrain de faire
  3. alors svp c'est quoi un tableau bien concu merci
  4. j'ai essayé chez moi ca ne marche pas j'ai remplacé triggerpages_mmcom/flash.swf par le nom de mon swf et y'a un truc qui m'echappe
  5. est ce une bonne solution pour que le site soit accessible sans probleme? merci
  6. Mado

    target

    merci mais moi c'est du html pas en xhtml je ne connais pas encore la difference si c'est pareil ben je suis desolée c'est un peu enmbetant tout de meme sur la page de lien d'un site que les page s'ouvre en parent par ce que ensuite on ne retrouve plus le site d'ou ou a cliquer et qui nous a mener sur ce lien nan? je sais pour les non voyant je me suis interessé au probleme mais il est tout de meme dit que l'on peut utiliser la balise anchor pour prevenir que c'est une nouvelle fenetre qui s'ouvre c'est quoi svp cette balise? et comment on doit s'en servir? merci pour ta reponse
  7. Mado

    target

    j'ai ca comme erreur quand je passe ma page au w3c pour validation avec une petite fleche sous le egal et je ne vois pas ce que je dois faire Line 116, column 125: there is no attribute "TARGET" (explain...). ....com/web/jour-apres-jour.html" target="_blank">ICI</a></p> merci quand on ne precise pas le target c'est par defaut parent? je dois aussi utiliser la balise anchor que je ne connais pas du tout pour indiquer que c'est une nouvelle fenetre qui va s'ouvrir je dois faire comment? et remerci
  8. merci Monique je vais revoir ca quand ma page verifiée dans lynx apparait comme ca c'est correcte? j'ai effacé le lien, je peux pas le laisser plus longtemps je pense que c'est ok, juste deux trois alt a modifier merci
  9. bonjour, j'ai teste mon site sur le lien que tu as donné si dessus je suis pas tres bonne en anglais quand c'est yes c'est que c'est bien ok? j'ai deux warning 1 Create a logical tab order through links, form controls, and objects. Rule: 9.4.1 - All Anchor, AREA, BUTTON, INPUT, OBJECT, SELECT and TEXTAREA elements are required to use the 'tabindex' attribute. Warning - One or more Anchor, AREA, BUTTON, INPUT, OBJECT, SELECT and TEXTAREA elements do not use the 'tabindex' attribute. 2 Provide keyboard shortcuts to important links (including those in client-side image maps), form controls, and groups of form controls. Rule: 9.5.1 - All Anchor, AREA, BUTTON, INPUT, LABEL, LEGEND, and TEXTAREA elements are required to use the 'accesskey' attribute. Warning - One or more Anchor, AREA, BUTTON, INPUT, LABEL, LEGEND, and TEXTAREA elements do not use the 'accesskey' attribute. ca veut dire quoi? svp merci y'a pas ce genre de log qui permettrait de verifier son site pour qu'il soit ok a 100% en francais? mici
  10. Cahier de charges Accessibilité BlindSurfer Décembre 2003 Conditions nécessaires à loctroi du label BlindSurfer (Priorité 1): Eléments graphiques: 1a. Tout élément graphique (jpeg, gif, animated gif, images de mise en page, etc...) doit être pourvu, via un attribut alt, dune alternative textuelle significative (pas de nom de fichier). 1b. Pour tout graphique complexe (plan de villes, organigramme, diagramme, ...) un lien doit être ajouté à lattribut alt, lien vers une page de texte qui décrit lélément. 1c. Pour tout élément graphique porteur dun texte, lattribut alt doit contenir la totalité de ce texte. Tableaux de données: 2a. Veillez à ce que les tableaux de données puissent être lus ligne par ligne par des personnes qui ne peuvent en avoir une vue densemble. 2b. Pour des tableaux complexes, il faut prévoir un lien vers une page de texte qui décrit ce que le tableau contient. 2c. Evitez de laisser des cellules vides dans des tableaux de données. 2d. Définissez par les balises adéquates les en-têtes de ligne et de colonnes. 2e. Pour faciliter lidentification de la position dune cellule dun tableau de données, utilisez les balises HTML prévues dans ce but. Eléments Multimédia: 3a. Pour toute information parlée (wav, mp3,...), prévoyez une page alternative contenant une description textuelle. 3b. Pour tout segment vidéo (avi, webcam, QuickTime,...), prévoyez une page alternative contenant une description textuelle tant de la bande son que de la bande image. 3c. Faites en sorte que toute séquence audio audible en arrière-plan puisse être désactivée par le visiteur. Codage des couleurs: 4. Evitez de coder des informations en nutilisant que des couleurs (où il est donc nécessaire de reconnaître la couleur pour comprendre le contenu). Prévoyez une alternative textuelle visuelle et en attribut. Pages complexes: 5a. Pour toute page qui, pour une raison quelconque (technique, structurelle et/ou interne), est tellement complexe quelle ne peut être rendue accessible, il faudra fournir une alternative textuelle. 5b. Pour tout fichier PDF complexe ou protégé, il faudra fournir une alternative textuelle en Word ou en HTML. Langue: 6a. Si le site contient des fragments de texte en langues diverses, il est indispensable que la langue naturelle de chaque page sensible soit indiquée via la balise adéquate. 6b. De plus, tout changement de langue au sein dune page doit être indiqué via les balises adéquates. Hyperliens: 7a. Tout élément graphique auquel est couplé un hyperlien doit être pourvu dun attribut alt qui définit clairement la destination du lien. 7b. Tout hyperlien textuel doit être tel quil définit clairement la destination du lien. Il doit être compréhensible indépendamment de son contexte. Des liens tels que « cliquez ici » ou « plus dinfo » sont inadéquats. Navigation: 8a. La totalité du site doit être utilisable (avec toute sa fonctionnalité, p.ex. le remplissage et lenvoi de formulaires) sans employer la souris. En dautres mots, la navigation doit être totalement réalisable au moyen de raccourcis clavier. 8b. Lusage de lattribut On Change dans les fenêtres déroulantes est à exclure. Cadres (Frames): 9a. Chaque cadre doit avoir un nom et un titre significatifs, tous deux choisis dans la langue naturelle du site. 9b. Pour assurer une navigation aisée, il nest pas permis dutiliser plus que deux niveaux de cadres. 9c. Le fait quun cadre vide (dummy frame) soit éventuellement présent doit être explicitement mentionné dans le nom et le titre du cadre. 9d. Faites en sorte que la taille de chaque cadre puisse être modifiée et/ou munissez-le dune barre de défilement. Images cliquables (Image-maps): 10a. Pour les images client-side, des alternatives visuelles seront prévues par le biais dattributs alt tant pour limage elle-même que pour les zones cliquables; dans ce dernier cas, les alternatives textuelles définiront la destination de chaque lien. 10b. Pour les images server-side, limage doit être pourvue dune alternative textuelle définissant la fonction de limage par le biais dun attribut alt. Comme pour les zones, un attribut alt nest pas possible, il faudra prévoir un texte alternatif reprenant tous les hyperliens de limage. Objets programmatiques: 11a. Pour tout Javascript, veillez à fournir un texte alternatif (p.ex. via la balise noscript) pour le contenu et la fonctionnalité offerts par le script. 11b. Pour tout Javascript, veillez à fournir un texte alternatif (p.ex. via la balise noscript ou via un sitemap) pour tous les liens générés par le script. 11c. Pour toute applet, veillez à fournir un texte alternatif (p.ex. via la balise noscript) pour le contenu et la fonctionnalité offerts par lapplet. 11d. Pour toute applet, veillez à fournir un texte alternatif (p.ex. via un sitemap) pour tous les liens générés par lapplet. 11e. Pour toute animation Flash, veillez à fournir un texte alternatif. 11f. Pour toute animation Flash, veillez à fournir un texte alternatif (p.ex. via un sitemap) pour tous les liens offerts par les éléments Flash. 11g. Faites en sorte que le contenu dynamique quun objet programmatique crée soit accessible par des fragments de texte de fonctionnalité équivalente. Veillez à ce que ces équivalents textuels soient modifiés en synchronisme avec le contenu dynamique. 11h. Veillez à ce que le clignotement ou le mouvement (dailleurs à éviter si possible) quun objet programmatique créerait puisse être désactivé. Réglages du Browser: 12a. Veillez à ce que toutes les pages du site soient telles que les réglages suivants des browsers graphiques restent en tout cas utilisables : choix des polices et de leur taille, choix de la couleur du texte et du fond. 12b. Veillez à ce que la fonction zoom que certains browsers offrent soit pleinement utilisable. Mise en forme: 13a. Faites en sorte que la mise en page réalisée par des tableaux reste logique après linéarisation des pages (qui ne permet plus au lecteur davoir une vue globale de la page). 13b. Veillez à éviter les changements brutaux de luminosité et de couleur. 13c. Assurez-vous que les pages restent lisibles si le browser ne supporte pas les CSS. 13d. Evitez les animations gif dont la fréquence, la taille ou la couleur peuvent perturber les lecteurs malvoyants ou dyslexiques. Fenêtres: 14a. Toute fenêtre popup ou fenêtre complète nouvellement ouverte doit être pourvue dun bouton de fermeture accessible et activable via le clavier. Formulaires: 15a. Le remplissage et lenvoi dun formulaire doivent être réalisables sans utiliser la souris. En dautres mots, tout formulaire doit être totalement utilisable via les raccourcis-clavier. 15b. Un ordre de tabulation bien conçu est indispensable pour permettre un remplissage facile dun formulaire via le clavier. 15c. Pour des formulaires très complexes, il faudra prévoir une version textuelle (HTML ou Word) qui pourra être remplie séparément et renvoyée par courriel ou par Fax. Compatibilité avec les Browsers: 16a. La totalité du site doit être accessible et utilisable avec un browser textuel tel que Lynx. Mesures daccessibilité complémentaires (non obligatoires pour le label BS : Priorité 2): Eléments graphiques: 1a. Evitez demployer des éléments graphiques pour représenter du texte, des lignes de séparation ou des symboles dénumération ; privilégiez lusage des possibilités offertes par HTML. Tableaux de données: 2a. p.m. Pages complexes: 5a. Pour chaque fichier PDF non protégé, prévoyez une alternative accessible (HTML ou Word). 5b. Pour chaque document Excel ou Powerpoint, prévoyez une alternative accessible (HTML ou Word). Langues: 6a. Même pour les sites unilingues il est utile dindiquer la langue naturelle de chaque page via la balise adéquate. Hyperliens: 7a. Un hyperlien couplé à un fragment de texte est préférable à un hyperlien couple à un élément graphique. Navigation: 8a. Faites en sorte que la structure de navigation soit uniforme sur la totalité du site. 8b. Offrez une table de matières pour toute page longue. 8c. Choisissez un ordre de tabulation logique. 8d. Offrez une information sur la structure du site via un sitemap. 8e. Limitez le nombre dhyperliens par page à une valeur raisonnable (évitez de dépasser 20 liens par page). 8f. Si le nombre de liens doit, malgré tout, être important, utilisez efficacement les techniques suivantes : regroupement logique des liens, niveaux de liens avec expansion, possibilités de court-circuitage des liens. 8g. Evitez dutiliser sur une même page des liens synonymes (pointant vers le même lien). 8h. Evitez dutiliser sur une même page des liens homonymes (ayant le même nom mais pointant vers des cibles distinctes). 8i. Sur chaque page du site, prévoyez un lien vers la page daccueil. 8j. Prévoyez des caractères de séparation entre deux liens adjacents. 8k. Offrez des alternatives par raccourcis clavier pour des liens importants et répétitifs. 8l. Si un lien est dirigé vers un site externe, signalez-le explicitement; si ce site externe n'est pas accessible, on avertira le lecteur. Cadres (Frames): 9a. Restreignez lusage des cadres.. 9b. Si, néanmoins, des cadres sont indispensables, prenez les mesures suivantes : · Nemployez pas de cadres vides (dummy frames), · Employez la balise noframes pour offrir une version sans cadres de même fonctionnalité Images cliquables (Image-maps): 10a. Préférez toujours lusage dimages cliquables du type client-side. Objets programmatiques: 11a. Si vous utilisez Flash MX, suivez les recommandations daccessibilité de Flash MX. Mise en page: 13a. Choisissez une mise en page uniforme sur tout le site. 13b. Séparez clairement contenu, structure et mise en page. Définissez la présentation par des feuilles de style CSS et placez celles-ci dans un fichier séparé. 13c. Utilisez un langage de markup spécifique tel que MathML plutôt que des éléments graphiques pour le contenu. 13d. Choisissez une présentation lisible pour le texte: · utilisez des polices sans serif et évitez litalique, · évitez les écarts trop marqués dans la taille des caractères, · utilisez des unités de taille relative pour le format de fragments de texte, · utilisez les balises de titres pour structurer le contenu et pas pour formatter le texte, · évitez de présenter des informations clignotantes ou défilantes (proscrivez les attributs « blink » et « marquee » !), · employez les textes soulignés pour les liens et rien que pour eux. 13e. Veillez à un bon contraste et à des couleurs nettes pour les éléments graphiques. 13f. Evitez les pages à autorafraîchissement périodique. Fenêtres: 14a. Essayez déviter totalement lusage de fenêtre popup ou louverture de nouvelles fenêtres dans le navigateur. 14b. Si, néanmoins, vous utilisez des fenêtres popup ou de nouvelles fenêtres, signalez clairement dans le texte du lien quune nouvelle fenêtre va souvrir. Formulaires: 15a. Attribuez à chaque champ une alternative textuelle adéquate via lattribut titre et, ceci, surtout si létiquette dun champ ne peut pour quelque raison que ce soit être placée directement à côté du champ correspondant. 15b. Placer les noms de champ directement à côté de chaque champ et employez de préférence une ligne par champ. 15c. En début de page, placez directement le curseur dans le premier champ par usage de lattribut tabindex. 15d. Prévoyez pour chaque formulaire un bouton de reset. Compatibilité avec les Browsers: 16a. Veillez à ce que la totalité du site soit accessible et utilisable avec une majorité de browsers textuels et graphiques. Philippe van Bastelaer ONA-Blindsurfer par exemple c'est ca que tu chercher?
  11. bonjour c'est mieux de faire un page d'aide pour les accesskey? moi je les ai mises dans mes title par exemple hier raccouci =h ca le fait ou faut que je change ca? merci pour vos conseils
  12. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" &quot;http://www.w3.org/TR/REC-html40/strict.dtd"> c'est mon doc type, ca y est ma page est valide ainsi que la css et je n'ai pas utiliser de balise de fin pour <br> donc ca doit etre pour xhtml merci pour vos reponses est ce que vous me conseillez de faire mon site en xhtml? pour une accessibilité pour tous?
  13. Mado

    TABINDEX

    comment faire pour que le curseur se mette sur le premier lien de mon menu a l'ouverture du site? la en ce moment quand j'utilise la touche tab il se met d'abord dans la barre de navigation, puis ensuite sur le premier de mon menu de navigation... merci
  14. quand je vais sur le validateur il me met ca Parse Tree I am excluding the attributes, as you requested. .../... <H1> Fabienne, <BR> </BR> <BR> </BR> etc... je n'avais jamais utilisé la balise < br /> c'est bien en html et non en xhtml et ca fait quoi si on la met pas? merci pu vos lumières
  15. bonjour a tous, je suis a charleroi la vivi, j'ai integré la belgique depuis bientot trois semaines et c'est bien cool je suis en stage et j'ai deux sites a faire, un politique et un pour une asbl et je me suis attaquee au probleme d'accessibilité pour tous, j'y tiens absolument ... alors j'ai fait un site en entier et au fur et a mesure de mes decouvertes sur les directives pour un acces pour tous je modifie mes pages la question est ici au dessus c'est du blabla je viens de mettre la première en ligne et fais une verif sur validator.w3 et je vois que pour les balises br on a maintenant une balise de fin de /br? vous me confirmez ? svp merci et pour avoir la validation bobby c'est quand meme galère... mais bon je vais y arriver a plus
  16. bon , ben merci je dois rendre mon projet pour mercredi alors j'abandonne le reste que je voulais faire j'aurais juste la page de membre, meme si ca marche pas bien, c'est deja ca
  17. oui, mais ca valeur est toujours a zero dans la base donc je ne peux pas faire de trie sur le statut, puisque que j'ai rien dans la base qui dit que tel membre est artiste ou autre... j'ai juste? merci anonymus, mais j'insere pasde chiffre ... je comprends pas la.. dans le formulaire j'ai bouton radio statut value artiste et l'autre value autre si je mets pas ca comment ca marcherait avec la redirection en fonction du statut... tu m'avais corrigé ce que j'avais ecrit avec le $memb_connect etc... if statut==artiste faut bien que artiste soit mentionné quelque part nan? j'ai vraiment du mal a comprendre... merci
  18. bonsoir, dans cette table on a statut, qui dans la bdd est toujurs a 0 pourtant j'ai deux choix... artiste et autre... comment vais je pouvoir sortir tous les membres qui sont artistes ou tous les membres qui sont autre ainsi? et puis je ne parviens pas a recuperer l'id membre dans la page profil vous pouvez m'expliquer pourquoi? ? merci CREATE TABLE membre ( id_membre int(10) unsigned NOT NULL auto_increment, statut tinyint(10) NOT NULL DEFAULT '0' , pseudo char(10) NOT NULL DEFAULT '' , nom_membre char(10) NOT NULL DEFAULT '' , prenom_membre char(10) NOT NULL DEFAULT '' , societe_membre char(10) NOT NULL DEFAULT '' , adresse_memre char(10) NOT NULL DEFAULT '' , cp_membre char(10) NOT NULL DEFAULT '' , ville_membre char(10) NOT NULL DEFAULT '' , tel_membre char(10) NOT NULL DEFAULT '' , mail_membre char(10) NOT NULL DEFAULT '' , mdp_membre char(10) NOT NULL DEFAULT '' , site_membre char(100) NOT NULL DEFAULT '' , PRIMARY KEY (id_membre), UNIQUE id_membre (id_membre), INDEX id_membre_2 (id_membre) );
  19. quand ca marche pas , des infos ici http://www.phpdebutant.org/article_printer112.php
  20. j'ai interogé la base pour voir si je recupere l'id ca ma met "impossible d'afficher les resultats j'ai fait cette page apparement la ou je met id=$id_membre j'ai un message d'erreur qui dit qu'il ne connait pas id <? require("conf.php3"); // CONNEXION MYSQL $db = mysql_connect($sql_serveur,$sql_user,$sql_passwd); if(!$db) {echo "Connexion impossible à la base de données <b>$sql_bdd</b> sur le serveur <b>$sql_server</b><br>Vérifiez les paramètres du fichier conf.php3"; exit;} $query =mysql_db_query($sql_bdd,"select * from membre where id_membre='$id_membre'",$db) or die(mysql_error()); $query_result = mysql_query($query); if (!$query_result) { echo ("Impossible d'afficher les résultats"); } else { echo ("Voici les résultats"); // Traitements } ?> suis desolée avec tout mes probs php, si je vous tanne , suffit de le dire merci Anonymus ca marche ton astuce de marqueurs sauf pour id
  21. $url=$memb_connect; if($statut=="artiste")$url=$memb_connect_art; echo "<meta http-equiv='refresh' content='5;URL=".$url."?id=$id_membre'>"; echo "<font size='2'>Merci, vous êtes bien enregistré."; echo" Vous avez recu un mail de confirmation avec vos données personnelles. "; echo"Vous allez etre redirigé dans 5 seconde vers votre partie Membre, sinon Cliquez "; echo"<a href=\"".$url."id=$id_membre\">ici</a></font>"; comment sait (on que $memb_connect renvoie a la page memb_connect.php3 merci
  22. si je mets ca il me met un message d'erreur parse error en ligne 92 c'est la ligne ou j'ai fait le copier coller avant insert c'est pas une double quote et avant statut y'a pas une double quote en trop? si je mets ca // Insertion dans la table $query="INSERT INTO membre (statut,pseudo,nom,prenom,societe, adresse,code postal,ville,telephone,mail,mot de passe) VALUES ('".$statut."','".$pseudo."','".$nom_membre."','".$prenom_membre."','". $societe_membre."','".$adresse_membre."','".$cp_membre."','".$ville_membre. "','".$tel_membre."','".$mail_membre."','".$mdp_membre."')"; $result=mysql_query($query) or die (mysql_error()); et que je remplis les champs du formulaire apres validation j'ai le message d'erreur suivant You have an error in your SQL syntax near 'postal,ville,telephone,mail,mot de passe) VALUES ('artiste','cc','cc','cc','cc'' at line 2 bé ca marche pas
  23. j'ai efface le srcipt complet ca a encore changé mais ca marche toujours pas
  24. celui la il est un peu plus haut $url=$memb_connect; if($statut=="artiste")$url=$memb_connect_art; echo "<meta http-equiv='refresh' content='5;URL=".$url."?id=$id_membre'>"; echo "<font size='2'>Merci, vous êtes bien enregistré."; echo" Vous avez recu un mail de confirmation avec vos données personnelles. "; echo"Vous allez etre redirigé dans 5 seconde vers votre partie Membre, sinon Cliquez "; echo"<a href=\"".$url."id=$id_membre\">ici</a></font>";
  25. Anonymus ca marche pas ca revient a la page index.php3 par contre si je mets $url=memb_connect ca marche c'est juste ?
×
×
  • Créer...