Monique

Pour moment je vais donc de devoir de nouveau bricoler avec des tableaux pour des exposer mes images.   

Non Régis

Attends un peu... il y a quelque chose qui doit m'échapper.

Est-ce uniquement avec ton site ?

Je vais essayer de trouver un site proposant des vignettes comme les tiennes avec une feuille de style pour que tu fasses un test.

Bonjour Régis,

Je ne vois rien de bloquant dans ton code

Le problème serait donc à régler au niveau de la configuration du pare-feu ou des préfèrences du navigateur...

Au niveau du site, il n'y a rien à faire

Bonjour juda13,

bienvenue sur le Hub

Je viens de tester ton site avec Mozilla 1.4

Je n'ai constaté aucun problème de décalage, mais évidemment, l'ascenseur n'est pas en orange...

En réalité, c'est une possibilité propriétaire de IE qui n'est pas prévue dans les spécifications du W3C (l'ascenceur fait partie du navigateur et non de la page elle-même).

Normalement cela ne pose pas de problème d'affichage autre que l'absence de couleur.

Si il y a un décalage de bloc de texte, c'est probablement dû à un problème de largeur, par exemple si le total de la largeur de chaque bloc dépasse la largeur du contenant principal (et pour ça aussi, IE a sa propre méthode, contraire aux recommandations du W3C).

Si tu débutes dans la création de sites, tu liras certainement avec profit les articles de la partie Publications.

Oups... j'ai gaffé, wazza !

J'ai cliqué sur Editer au lieu de Citer... et j'ai modifié ta réponse

Toutes mes excuses

Bonjour wazza,

bienvenue sur le Hub

Une petite recherche avec Google et j'ai trouvé ce site à propos de hit dig.

Il y est dit que seuls les fichiers html et texte sont supportés.

Mais il y est question d'un parseur externe

  search_results_contenttype

    type:

        string

    used by:

        htsearch

    default:

        text/html

    description:

        This specifies a Content-type to be output as an HTTP header at the start of search results. If set to an empty string, the Content-type header will be omitted altogether.

    example:

        search_results_contenttype: text/xml

J'espère que cela pourra t'aider.

Effectivement, monospace est à associer à la police Courier New assez souvent utilisée aussi.

Par contre, je n'utilise jamais les deux autres qui sont à réserver à des cas bien particuliers, surtout fantasy (qui donne une écriture gothique sur mon PC).

Merci Pierre

Effectivement, on pense trop souvent écran en oubliant les autres environnements et j'ai péché dans le même sens (mais si c'est le cas même des experts... ).

Je vais mettre à profit tes remarques et tes explications pour compléter l'article.

Les positionnement absolus, c'est un nid à emmerdes. Un de leurs gros problèmes, c'est que ça empêche le visiteur d'utiliser des fonctions comme le grossissement de se police d'écriture, puisque les boîtes ne seront plus adaptées à leur contenu...

Bonjour Pierre,

Dans la maquette que je prépare, je place mes boîtes principales en position absolue, avec les attributs top et left. Mais tout le reste (taille du texte, dimension des boîtes) est en valeurs relatives.

Ce qui permet un affichage "logique" du contenu avec la feuille de style désactivée.

Une taille de texte de 150% (avec Mozilla) ne pose aucun problème, à 200% seul manque 2 ou 3 lettres à la fin de deux titres.

Je peux aussi réduire considérablement la taille de la fenêtre sans avoir d'ascenceur horizontal.

Cette manière de travailler me semble intéressante, non ?

Bonjour Régis,

Attributs pour les images (title n'existe pas)

- alt : il s'agit uniquement d'un texte de remplacement, le contenu doit donc être court (Photo du port du Crotoy)

- longdesc : attribut donnant un lien vers un fichier texte décrivant la photo (mais support partiel).

Tu liras cet article avec intérêt.

Attribut pour les liens

- title : destiné à donner des informations sur la destination du lien (brève description du contenu, langue utilisée...)

J'ai lu un jour le témoignage d'un photographe webmaster : il avait reçu un mail d'un visiteur qui avait apprécié ses photos... ce visiteur était aveugle - en fait, le photographe avait accompagné toutes ses photos d'un texte décrivant tant ce qui se voyait sur la photo que l'athmosphère qui en ressortait.

Juste une petite réflexion rapide : faites ce que je dis... pas ce que je fais

Il y longtemps que je travaille à la nouvelle maquette de mon site, sans parvenir à trouver comment obtenir ce que je voulais.

Après ma dernière réponse, je m'y suis remise, j'ai appliqué mes conseils

... et le miracle a eu lieu !!!

Je vais rattaquer ton problème tout à l'heure.

Bonjour HadaDeLaluna,

Je fais partie de ceux qui te lisent...

Je dois même avouer que j'ai lu plusieurs fois, attentivement, ces deux messages.

Il est très difficile de te répondre parce que le problème que tu poses est trop vaste : il s'agit de la conception complète d'une page.

Tu dis avoir abordé les css depuis peu et j'ai l'impression que tu veux brûler les étapes.

As-tu lu et étudié ces pages sur Openweb ?

Tu auras une idée très précise de ce qu'il est possible de réaliser avec les feuilles de style et tu apprendras comment y parvenir.

Je crois que tu dois envisager le problème autrement : il ne faut pas vouloir refaire ton site à l'identique, simplement en changeant de technique. Il faut partir de zéro, en pensant dès le départ css.

Commence par "organiser" les différentes parties de ta page (avec juste un texte minimum, des couleurs de fond provisoires pour chaque blocs).

Une fois chaque bloc en place, tu peux aborder l'aspect graphique et mise en forme du texte.

Il te resteras ensuite à y ajouter le contenu que tu veux.

Tu auras certainement plus de suite à tes demandes en sériant les problèmes... une étape à la fois.

Cà change un peu...

Eh, eh... la paternité te donne des ailes

Merci pour cette réponse très détaillée, HadaDeLaluna.

Je sais que la réalisation d'un cahier des charges complet est un travail de spécialiste, coûteux et soumis à de multiples contraintes. Ta réponse permet de s'en faire une idée plus précise.

Mais à cause de son coût, justement, j'ai bien l'impression que ce travail n'est accessible qu'à de grosses entreprises au budget suffisant.

Qu'en est-il des autres ?

Les futurs clients sont livrés à eux-mêmes, sans autre possibilité que de faire confiance aux professionnels de la création. Le plus souvent, ils ne savent même pas que leur futur site risque de ne pas être accessible par tous...

Quelles sont leurs chances de se trouver face à un professionnel travaillant dans le respect des normes (interopérabilité, accessiblité, visibilité, légalité) ?

Hier, j'ai voulu visiter le site d'un grand hôpital français, destiné tant aux usagers qu'au personnel.

J'utilise Mozilla 1.4 (pas vraiment ancien comme navigateur !)

J'ai trouvé une page d'accueil en flash, impossible à référencer.

Après avoir cliqué sur le bouton Entrer, j'ai trouvé une page avec un gros bouton stop (comme celui des panneau de circulation routière) et le texte

Incompatibilité du Browser WEB !

Le browser (navigateur) WEB que vous utilisez actuellement ne vous permet pas de consulter ce site.

Les caractéristiques minimales requises sont:

    * Internet Explorer 4.0 SP 2 ou supérieur...

pour ce qui est du net, on peut dire ce que l'on veut mais la "normalisation" ou la définition de standards est un but et non un point de départ : c'est même un sujet de guerre concurrentiel (linux-microsoft, pc-mac, etc..). et plus le temps passe, plus le nombre de formats, logiciels, solutions, méthodes, techniques grandi. il y a 10 000 chemins pour la même destination.

Non, beatnykk, le respect des standards ne doit pas être un but ni même un point de départ, mais simplement un moyen ou un esprit de travail.

Les normes ne sont pas à définir, elles le sont tout en continuant à évoluer. Le W3C s'en charge et c'est un organisme international regroupant de nombreux membres issus des différents secteurs concernés (chercheurs, concepteurs de logiciels, entreprises...).

Elles permettent justement de s'affranchir des contraintes plates-formes, logiciels...

Ce qui est grave, c'est que certains, ayant participé aux groupes de travail du W3C, ne mettent pas les normes définies en application dans leurs produits !

Gros bisous à l'adorable petite Melena

Et félicitations aux heureux parents

PS : je constate que tout était prévu sur le Hub...

Bonjour brunoo,

bienvenue sur le Hub

A mes yeux, un cahier des charges devrait comporter deux volets essentiels.

Le premier : le respect d'un charte de qualité.

- l'interopérabilité : un site conforme aux standards sera visible indépendamment du matériel utilisé

- l'accessibilité : toutes les informations seront disponibles indépendamment d'un éventuel handicap des visiteurs

- la visibilité : un site optimisé en vue du référencement permettra un travail efficace pour le référenceur

Le deuxième : l'aspect pratique

Là interviendront les goûts et les couleurs, les contraintes bugétaires, les contraintes commerciales...

Le second volet devrait s'articuler autour du premier.

Le client veut avant tout un site efficace, répondant à ses goûts et à ses besoins.

La réalisation technique est affaire du webmaster, pas du client... question de connaissance et de qualification professionnelle, à chacun son métier.

Cette façon de travailler me semble rare.

Merci cariboo

Je dois avouer que si j'avais disposé de cette approche lors de mes débuts, j'aurais évité bien des erreurs, des tâtonnements décourageants.

Et depuis que je hante divers forums, j'ai pu me rendre compte que la plupart des débutants étaient dans la même situation.

Oui, une suite est en projet...

Bonjour,

Les feuilles de style doivent imanquablement faire partie de la structure d'un site web.

Dans cet article, je vous en présente les principes essentiels pour vous aider à comprendre et à exploiter au mieux les nombreux exemples publiés sur le Web.

Bonne lecture.

Je souhaitais rajouter un lien supplémentaire dans les ressources dispos à la fin de l'article car ce site est pour moi un site de référence en France concernant ce sujet (hormis les recommandations du W3C traduites en fr qui restent THE référence ;-) mais toujours pas assez pédagogiques ..).

Il s'agit de l'excellent site du Open Web Group.

Bonjour Puma Noires,

Effectivement, Openweb est LE site francophone incontournable et j'ai déjà eu souvent l'occasion d'y faire appel dans mes réponses.

Le lien manquait dans la partie Publications, je viens de l'ajouter...

Merci.

Bonjour Régis,

Regarde une utilisation du spacer et des flottantes sur openweb, cela devrait te convenir.

Tu crées un bloc conteneur centré comme tu l'a appris et tu y places tes vignettes.

c'est à dire avoir une pop up de 800x600 est mettre à l'intérieur une photo qui dans son fichier d'origine fait en réalité par exemple 1024x768 mais qui s'affiche dans pop up par exemple 750x550...

Bonjour,

Ce n'est pas à faire pour deux raisons :

- le temps de chargement qui correspondra à la taille réelle de la photo

- la qualité de la photo qui sera certainement meilleure si tu optimises toi-même pour la taille voulue à l'affichage.

Bonjour Régis,

Tu peux trouver les explications pour une popup intelligente sur openweb.

Ce qui permet d'afficher une photo dans une nouvelle fenêtre (dont tu détermines l'apparence), mais affiche quand même la photo dans la même fenêtre pour ceux qui ont désactivé javascript.

Bonjour,

Effectivement, le logo ne clignote plus

D'autre part, je viens de recevoir un mail du Service Clients, confirmant la position de Xiti face aux popunder :

Suite aux inquiétudes de certains de nos abonnés quant à lévolution du marché de la mesure daudience gratuite, nous tenions à vous apporter certaines précisions. Contrairement à certains de nos confrères, Xiti na aucunement lintention de vous imposer laffichage de publicité en popup ou popunder sur votre site. Xiti Gratuit a toujours fait partie de notre stratégie de développement et de notre modèle économique. Nous estimons avoir avec vous une relation basée sur la qualité, la confiance et nous défendons une certaine idée de lInternet Gratuit à laquelle nous sommes très attachés.

Bonjour Pierre,

Bienvenue sur le Hub

Je dois avouer que c'est pour moi un plaisir tout particulier d'accueillir ici le responsable du groupe Interop.

Je ne connaissais pas encore le Log Validator.

Pourrais-tu le présenter en quelques mots, surtout à l'intention de ceux qui ne maîtrisent pas l'anglais ?

Bonjour enzo,

bienvenue sur le Hub

La question est très importante, en effet.

J'ai fait quelques recherches sur le Net, le résultat en est très décevant et même alarmant.

Sans être une extrémiste des normes, je défends vigoureusement leur respect (tu peux lire à ce sujet les différents articles sur les standards et l'accessibilité dans la partie Publications.

La moindre des choses, dans une formation, c'est d'apprendre à travailler dans ce sens.

Trop souvent aussi, je vois que l'apprentissage se fait avec un éditeur précis (WYSIWYG hélas...). Or apprendre à coder "à la main" est la seule manière qui permet de maîtriser le résultat de son travail, quelque soit l'éditeur utilisé par la suite.

La suite de la discussion s'est poursuivie en MP parce que slad demandait un avis sur une formation bien précise.

Comme je l'ai signalé, j'ai posé la question au groupe interop. Voici une copie des principales réponses reçues, à lire en entier dans les archives du groupe.

De Karl Dubost (traducteur des spécifications du W3C en français...)

L'amélioration des curiculums et de l'enseignement des technologies Web

est assez difficile à faire passer. Les enseignants de niveau

universitaire sont libres dans le format de leurs cours.

Les organismes de formation professionnelle ont un agenda mais reste

également libre dans leur établissement de cours.

Le plus inquiétant dans cette mesure est que ce sont les personnes

formées qui en subiront les conséquences si une exigence légale

apparaissait.

Effet pyramide

Lorsqu'il s'agit de modifier largement un corps de métier, une des

possibilités est d'atteindre le sommet de la pyramide. Cela demande

beaucoup d'efforts, de diplomatie et de réseau.

Par exemple, si vous désirez modifier l'enseignement dans les centres

professionnels d'envergure nationale, il faudra atteindre les personnes

en charge de l'établissement des programmes, plutôt que de rectifier le

curriculum des enseignants individuellement.

Encore une occasion d'article, que proposent les centres

d'enseignement professionel.

Pour les universités, c'est bien plus difficile, je ne sais pas s'il

existe une association des enseignants dans le domaine informatique et

multimerdia. Pour les sites Web simples

- XHTML

- CSS

- WAI

- I18N

- Quelques notions de HTTP

Mais il existe l'enseignement des technologies Web a un sens plus large

qui pose problèmes également.

PS : Je n'ai pas parlé de la certification professionnelle, car je

pense que comme cela pourrait peut-être bénéfique, cela pourrait

également catastrophique, il suffit de penser à tous les programmes

CISCO, MS, Novell etc.

De Tristan Nitot (contributeur Mozilla et Openweb...)

Je suis en contact avec un lecteur du StandBlog qui monte un centre de

formation sur le sujet :

http://www.ceforweb.com/

Il a l'air expérimenté, mais je ne peux pas en dire plus. En tout cas,

il veut bien faire...

Un extrait du message qu'il m'a envoyé :

-----8<-----

Une rapide présentation : je m'appelle Vincent Gardet. J'ai 40 ans. Je suis

informaticien depuis 22 ans, formateur depuis 10 ans, webmaster depuis 7

ans, et trés intéressé par les standards depuis ... moins longtemps ( après

avoir développé pendant quelques années une expertise sur un standard moins

connu, le VRML). Je maîtrise les principaux langages du web (HTML, XML,

XSLT, XHTML, CSS, Javascript, VBScript, PHP, ASP, SQL, VRML, entre

autres...).

J'ai pour projet de créer un centre de formation pour les standards du web :

Ceforweb en abrégé.

-----8<-----

Ma question a d'ailleurs eu pour effet de relancer un travail que le groupe avait dans ses projets...

Sans vouloir décourager tout futur apprenti, la perle rare est vraiment très rare et se cache bien

Ayant fait deux formations multimédias (iut et alternance), j'ai toujours été déçu par les cours dispensés. Ce qui me fait prendre cosncience qu'il est ndispensable d'être un gros curieux passioné

Ma réponse ne va pas t'aider beaucoup, je le crains !

Mais je reste vigilente pour toute nouvelle information sur le sujet.