aymericj

De rien jlb59, Si tu as le temps, tu devrais peut être voir a commencer à t'interesser à la construction sans tableaux, il y'a des sources dans les messages en post it au debut de cette rubrique. Les tableaux, c'est rapide a metre en oeuvre, par contre dés qu'on commence à vouloir modifier, c'est la cata. Surtout quand on essaie de se repérer au mileu des table td et autres tr qui finissent par brouiller le code. De plus ce type de construction est bonne pour le référencement, penses-y. Bon courage en tous cas, Aymeric

Hehe pour les paroles je veux bien, mais pour de l'électro. 0.00 poum tchi poum tchi 0.17 poum tchi poum tchi + wouiwoui 0.30 poum tchi poum tchi + wouiwoui + waaayaaayaaa T'imagine la tronche du contenu alternatif? Je précise avant de me faire tuer par guiant que c'est une caricature hein, j'aime bien l'electro. Aymeric, poum tchi poum tchi!

re jlb59, Alors plus proprement. Remplaces ton : <a class="PgAccueil_Titre" style="color: #0099CC;" href="#"> » P2</a> par : <h1 class="PgAccueil_Titre"><a href="#"> » P2</a><h1> La balise <h1> définit un titre de premier niveau, ce qui semble être le cas vu le nom de la class Ensuite au niveau de ton css, ajouter les paramètres suivants : .PgAccueil_Titre { font-size: la taille de ton texte; padding-left: un peu plus que la taille de ton image; line-height : grosso modo la hauteur de ton image; background: transparent url(l'adresse de ton image) no-repeat top left; } .PgAccueil_Titre a { color : #0099CC; } Si tu n'as pas d'autres titres de premier niveau (<h1>) dans ta page et que tu veux qu'ils aient tous la même présentation sur toutes tes pages, tu peux même t'affranchir de ta class PgAccueil_Titre d'autant plus que j'ai un doute sur le signe _. ce qui donnerait : L'html : <h1><a href="#"> » P2</a><h1> Le css : h1 { font-size: la taille de ton texte; padding-left: un peu plus que la taille de ton image; line-height : grosso modo la hauteur de ton image; background: transparent url(l'adresse de ton image) no-repeat top left; } h1 a { color : #0099CC; } Voila tu n'as plus besoin du span. Si tu as besoin d'un complément d'information, n'hésites pas. ++ Aymeric

Bonjour les gens, Une première chose, si ta musique n'est pas OBLIGATOIRE pour la bonne compréhension et utilisation de ton site, ne t'en occupe pas. Les alternatives aux contenus sonores sont importantes dans le cas ou le mode de transmission de l'information ne se fait que par ce biais, par exemple un poscast audio ou video. Il ne faut pas prendre au pied de la lettre toutes les recommandations d'accessibilité, au risque de rendre un site incompréhensible à la majorité. De toutes façons certains contenus resteront innaccessibles et ce quoi que l'on fasse. S'impliquer dans une démarche d'accessibilité est une bonne chose, vouloir l'accessibilité absolue est premièrement utopique et deuxièmement ridicule (je ne dis pas ça pour toi, c'est juste un avis général). Pour exemple, hier j'ai décidé d'aller jetter un oeil sur les source sur le RDF, et bien, je dois l'avouer sans honte, j'ai rien capté, enfin si, à la hauteur de mes facultés cognitives, j'ai compris à quoi ça peut servir, son interet, ses champs d'application, mais dés que j'ai commencé à regarder la technique proprement dite, y'a rien qui rentrait, ce contenu ne m'était pas "accessible". Donc pour finir, ta musique electronique n'a pas besoin d'avoir un contenu alternatif, au pire une indication qui montre qu'on a affaire à un fichier sonore de musique électronique, les personnes ayant des problème d'audition décideront alors de passer cette partie ou d'"écouter" ta musique en ressentant les vibrations. Wala wala, my two cents Aymeric

Bonjour jlb59, Juste une première chose, le code que tu as trouvé c'est franchement pas le top. Par contre si tu as un exemple en ligne de ton problème je me ferais un plaisir d'essayer d'y répondre. Ou au pire, clarifier ta demande : tu veux mettre une image en fond de cellule via css? ++ Aymeric

ajpg, You're welcome, réponse trop rapide de ma part. Merci de me corriger. Et petit message perso : Arrettez les hacks! C'est sale, c'est laid, c'est inutile et la plupart des problèmes sous IE sont facilement contournables avec un peu d'astuce. ++ Aymeric

Bonjour Gontran, L'ajout d'un overflow:auto à ta classe .grand suffira à régler ton problème : .grand { width:760px; margin:0 0 10px 0; padding: 0 0 5px 0; border: solid 1px #8f8fff; overflow:auto; } EDIT : oops je viens de voir que ma réponse a été un peu courte. Tu n'auras aucun problème sous FF ou opera ou tout autre navigateur récent, par contre attends toi à des problèmes sous IE, principalement du au bug des 3 pixels. Penses a reduire légèrement la taille de tes petits blocs pour que ça passe sous IE. Bon courage, Aymeric.

Bonjour pixhiboo Dans mes souvenirs des précédents messages de altar, il n'a que peu de connaissances de l'html, il l'a dit lui même. Alors je lui apporte une réponse à la mesure de ses compétences, du moins j'essaie. Et contrairement à la légende urbaine que tu contribues à faire circuler, imageready bien configuré peu faire un code très propre. Il peut même t'editer une page non structurée en tableaux mais en conteneurs de type div avec le css qui va bien avec. Les outils ne font que ce qu'on leur demande, après il suffit de savoir bien les configurer. Et ça vaut aussi pour dreamweaver. ++ Aymeric

Bonjour bshop, Je suis 100% d'accord avec toi, mais je crois savoir que la version utilisée avait déja été "travaillée" par la responsable technique. Mais une chose est dure, dés qu'on peut libérer le temps nécessaire, on étudiera à fond OScss, qui est un bon projet. Cordialement, Aymeric Jacquet

Bonjour, Nous avons hésité à se lancer dans OScss pour une boutique que vient de nous commander un client. Après installation , la responsable technique a détecté des petits bugs génants, par contre comme ce n'est pas ma partie je ne pourrais hélas pas vous en dire plus. Niveau css/xhtml, j'ai de mon côté détecté pas mal de petites erreurs, des redondances dans le css, des abus de blocs conteneurs, certaines classes mal foutues qui entrainent des chevauchements, pour refaire un css complet pour un template y'a vraiment du gros boulot à faire. Ce que je veux dire par là c'est que le template de base b'étant pas totalement propre, il faut du travail pour se l'approprier, le nettoyer avant de le personnaliser. L'autre problème qui se posait était les compatibilités de l'outil avec des modules OScommerc, principalement au niveau du telepaiement. Attention, je ne dénigre pas le produit, le'équipe a fait un boulot énorme et le projet a tout mon soutien, mais pour des questions de délais et de budget, nous ne pouvions pas prendre le temps de mettre autant les mains dans le moteur. Au final on est revenu vers une creload, mais je vous avoue, reprendre du code en tableaux, ça nous fait tout bizare, et j'ai vraiment du mal. ++ Aymeric

Bonjour Lid, Sebastien a assez bien résumé certains des gros problèmes des constructions en cadres (frame). Les frame font partie des fausses bonnes idées du web, il y'a eu abus de leur usage pour répondre de façon simple à des demandes spécifiques , menus/logo fixes à l'écran et contenu qui scroll. Il y'a depuis longtemps de meilleurs solutions pour obtenir ces effets, soit en utilisant les propriétés css soit le javascript. D'un point de vue professionel, si un client me demandait un audit de son site et que je rencontrais des frames je lui dirais directement : changez de prestataire. Bon courage, Aymeric Jacquet

Bonjour Altar, Si tu as photoshop en plus d'illustrator tu peux passer par imageready pour créer ta map complète, avec l'avantage de choisir pour chaque partie de ton image découpée si tu choisis gif/png8 ou jpeg en focntion des informations visuelles. Tu peux également assigner un lien sur une partie (tranche). Et générer ta page html à la volée. Fireworks le fait, mais comme tu ne l'as pas et que la plupart des gens qui ont illustrator ont aussi photoshop. Si tu n'as jamais utilisé imageready mais que tu es habitué a photoshop, au final ce n'est pas très compliqué, il suffit de tatonner un peu. Ahh oui, au passage pour imperatrice, je n'ai pas répondu sur ton blog, mais pour OS CSS, attends un peu, on vient de la tester et y'a encore pas mal de bugs. ++ Aymeric Jacquet

Un des problèmes des captchas est effectivement celui de l'accessibilité. Ne pas oublier que "handicap", c'est large, visuel, auditif, "physique" ou fonctionnel, cognitif... on oublie souvent le cognitif. Et certains captchas à base de questions peuvent poser problème a des visiteurs avec des problèmes de mémoire (halzeimer), de dyslexie ou tout simplement de culture, je vous promet que la question du type quelle est la capitale de l'italie pause souvent problème. Autre problème, l'acte de poster un commentaire sur un blog (les boitaspam) est souvent impulsif, on a envie de répondre immédiatement, et devoir se tapper un captcha pour previsualiser, puis un autre pour valider, au bout d'un moment ça saoule. Le captcha est bien tant que l'on a pas trouvé une autre solution contre le fleau du spam, car je suis persuadé que ce n'est pas LA solution. Si ça vous interesse, un projet sur le spam a vu le jour il y'a quelques temps, signal spam (http://www.signal-spam.fr/) ça se met en place doucement et j'invite toute personne victime du spam à y participer pour faire avancer le shmilblick. Je précise, je n'ai aucun interet commercial avec signal spam , et de toutes façons ce n'est pas un projet à but commercial. ++ Aymeric Jacquet

thick a assez bien résumé, Allez, j'en remet une couche : Réseaux, réseaux, réseaux. Le premier réseau : famille/amis, ce sont souvent les premiers prescripteurs. Ensuite, les réseaux professionnels, le hub en est un par exemple, il faut s'impliquer, ça demande du temps, mais on se fait des contacts. Developper des partenariats qui te permettent d'étendre ton offre, te faire connaitre de ta concurence, et oui, la concurence est parfois un très bon moyen de construire un réseau de prescription, la sous traitance des fois c'est bien. Ne pas oublier tes fournisseurs et autres professionnels en rapport avec ton activité, ton banquier, ton comptable, il connaissent plein plein de gens. Les associations d'entrepreneurs, d'autant plus efficace si tu es dans une petite ville. Wala, grosso modo, Aymeric

Bonjour, Display:none n'est effectivement pas la bonne solution. De toutes façons les cacher pas n'importe quel moyen n'est une bonne solution et ce pour plusieurs raisons. L'accessibilité ne concerne pas seulement les handicaps visuels, mais toute forme de handicap et ces raccourcis, si bien utilisés sons également utilisés par les personnes souffrant de handicap moteur et/ou navigant au clavier vu qu'ils permettent de passer les éléments non voulus et évitant par là de nombreuses manipulations fastidieuses. Autre point qui me semble important, si vous vous investissez réellement dans l'accessibilité numérique : AFFICHEZ LE. Si à force de justement voir ces liens en haut de page un peu partout, les utilisateurs finissent par se poser des questions, c'est déja un pas de franchis pour l'éducation et l'information. Cordialement, Aymeric Jacquet

Bonjour ibulldog, Alors, my two cents à la discussion. En premier, éviter les amalgames entre te mettre en free ou chercher un poste fixe en entreprise, la logique n'est pas la même. Effectivement, le secteur est bouché, là faut être clair, de plus en plus de centres de formation proposant des formations qualifiantes voient leurs subventions/financements refusés car pas assez de débouchés post formation. Voila ça c'est dit. Ensuite, pour ce qui est de la problématique dev/cms autres produits tous faits, c'est un faux problème, certes il existe actuellement de bonnes solutions pour quelqu'un qui veut proposer des sites "tous faits" sans avoir besoin de réelles connaissances en dev, mais se posera toujours à un moment ou à un autre les questions de personnalisations et de besoin précis d'un client ne rentrant pas dans le cadre d'un CMS. Pour te rassurer, je vais te faire part de ma propre expérience, je ne suis pas dev, je suis webdesigner, j'ai fini par tater du code (php/asp) par la force des choses quand j'ai commencé à m'installer en indépendant, je ne le fais plus. Plusieurs raison à cela, en premier ok, il faut bien l'avouer, les produits CMS actuels permettent de proposer des produits de qualité sans avoir trop besoin de mettre les mains dans le code, pour ça, mes faibles compétences en programmation me suffisent. Mais, car il y'a un mais, je suis souvent amenné à sous traiter du dev car des demandes ponctuelles sortent du cadre de mes compétences, ou plus simplement, mes compétences me permetteraient de les réaliser, mais je ne serais pas compétitif. Un exemple concret, un client m'a appellé la semaine dernière pour une boutique, on part vraisemblablement vers un OScommerce. Ma première réaction a été de contacter une dev de mes réseaux que je sais être très compétente pour savoir : 1 - si elle connait le produit 2 - son tarif pour en installer/configurer un en fonction des demandes du client 3 - ses délais Oscommerce, je ne connais pas, je pourrais investir du temps pour tester l'outil, mais je ne serais JAMAIS aussi compétitif qu'un réel dev qui a une logique et une efficacité plus grande au niveau du travail de code. Le fait de soustraiter ce travail me permettera d'être compétitif dans ma réponse au client. Que tu veuille petre en emploi salarié ou en indépendant/entreprise perso, voici juste quelques conseils basiques et classiques mais qui je pense sont toujours bon à rappeller : - Trouve toi une niche/spécialité, les touche à tout c'est sympa, mais les spécialistes c'est bien - Veille technologique, veille technologique, veilles technologique - apprendre à arriver en avance sur le marché ou au moins à l'heure, ne pas prendre le train en marche - Réseaux, réseaux et encore réseaux.. que ce soit pour de l'emploi ou du free, l'importance des réseaux (sociaux, compétences, prescription) n'est plus à prouver et devient même incontournable car ils sont une source d'inspiration, d'information et de veille quasi permanente. Wala, pour la suite, bon courage à toi pour la suite. cordialement, Aymeric

Hmmmm plus simplement, je pense que le mieux c'est qu tu évite un maximum les tailles de police multiples ou que tu les attribue au conteneur direct via une class en évitant les tailles globales par div par exemple (mais plutot directement dans les paragraphes <p></p> ou les titre hx), cela t'évitera, du moins je le pense, un maximum de problèmes d'héritages. Maintenant il va falloir tester, car ton design de site a peut être été construit en pensant une certaine taille de police. personnelement j'utilise une taille de police de base à 0.8 em, ensuite je n'ai que 1 ou 2 niveaux de polices de taille inferieure pour garder un maximum de lisibilité (sauf pour les titres). L'usage des % peut-être interessant pour garder un contrôle optimum sur les tailles inférieures. Un sel conseil : fais des tests. ++ Aymeric

Ahhhh? ce n'est pas ce que je vois de mon côté moi. Vu que le site y'ahoo passe très bien en 800/600. Aymeric, comme quoi tout est une question de point de vue.

Ca m'apprendra à ne pas vérifier avant d'écrire des bétises. Pour gontran, je pense que le plus simple est de penser ton site initialement avec des tailles de police "standards" surtout pour les espaces de longs textes. Pour les moyens de détecter, cela doit être possible, mais il y'a tellement de variables que tu risques de devoir créer des tonnes de css et franchement je ne sais pas si le jeu en vaut la chandelle. Bon courage, Aymeric

Les tailles en pixel, c'est pas tip top pour permettre aux visiteurs d'augmenter les tailles d'affichage des polices. Pour gontran, effectivement, tes polices doivent être assez petites. En gros la taille par defaut des polices c'est : 12px = 1em = 100% (du moins si ma mémoire ne me fait pas défaut). Donc si la taille par défaut des polices de ta page est 0.8em et que ensuite tu utilise des tailles a 70/90% tu as au final des tailles de 70/90% de 0.8 em, sachant qu'en plus, en fonction de ta construction html et de tes css tu peux etre confronté à des problèmes d'héritage qui peuvent te donner des tailles de police au final d'un niveau de 70% de 70% de 0.8 em, donc très très petites polices. Aymeric, dans le doute on va dire que j'ai été clair.

Rohhhh c'est vil ça. ++ Aymeric

Bonjour les gens, Juste pour réjouter à la liste de ressources de Monique cette discussion qu'il y'a eu sur la mailing list accessiweb : http://list.accessiweb.org/pipermail/acces...ne/subject.html Les sujets concernés sont ceux ou l'on parle des balises <h>. ++ Aymeric

C'est un MX première génération? Si c'est le cas, c'est une version abslument pas stable.

Bonjour à toi, Essaies en rajoutant : border:0; a ton .thumb A .grand { et du coups border:1px; a ton .thumb A:hover .grand { Histoire de regler les histoires d'héritage de famille. ++ Aymeric PS : en fait ton point noir viens de la bordure de ton image "invisible" qui pour IE est incompressible.

Bonjour v4np13, Alors j'ai juste jetté un oeil vite fait à ton code, peut etre 2 trucs a explorer : Essaies juste de rajouter un img{display:block;} général à ton css juste pour voir si ça gère des petites choses. EDIT : euhhh en rejetant un oeil au html on trouve quand meme : <table style="background:White; width: 320px;float:right;"> Ton tableau fait donc 320px de large, alors forcément avec 3 cellules de 100px de large chacunes, ça laisse de la marge à un endroit. Bon courage, Aymeric