Aller au contenu

Monique

Hubmaster
  • Compteur de contenus

    4 579
  • Inscrit(e) le

  • Dernière visite

Messages postés par Monique

  1. Bonjour pierre

    et bienvenue sur le Hub :)

    L'accessibilité au Web pour tous n'est pas une notion récente puisqu'elle était à la base du projet de Tim Berners-Lee, et pourtant, jusqu'il y a peu, elle était pratiquement méconnue de la plupart des internautes et même des webmasters.

    Mais les choses évoluent et l'année internationale de la personne handicapée y est certainement pour beaucoup.

    A côté d'associations spécifiques comme la vôtre, des webmasters se sont groupés pour démontrer que le Web pouvait être accessible malgré différentes formes de handicap, pour sensibiliser les webmasters et les aider à rendre leur site accessible...

    J'ai cependant l'impression qu'il existe encore un clivage entre les internautes souffrant d'un handicap et les autres. Il serait certainement profitable que les premiers fassent entendre leur voix, sans doute cela aiderait-il à convaincre les plus sceptiques.

    Je vous remercie pour votre participation à ce forum et pour l'annonce de cette journée importante.

  2. La meilleure solution est de créer un fichier, avec le nom de ton choix et l'extension .css, de placer le lien vers ce fichier sur toutes les pages, entre les balises <head> et </head>

    Par exemple

     <link href="stylegalop.css" rel="stylesheet" type="text/css">

    Tu trouveras des exemples sur les deux sites proposés.

    Un bon logiciel gratuit pour créer tes feuilles de styles : TopStyle Lite

  3. Bonjour indidi,

    Le grand avantage des feuilles de style, c'est de séparer le contenu d'une page web de sa mise en forme.

    Les balises du code HTML (hx, p, ul, table...) structurent le contenu.

    Les feuilles de style en déterminent l'aspect (couleurs, polices, dimensions...) et le positionnement des différents éléments.

    En utilisant les CSS, tes pages seront plus legères (plus d'attributs font... répétés un grand nombre de fois), plus faciles à relire et à corriger.

    Si tu décides de modifier la couleur et la taille de police d'un élément, il te suffira de le faire une seule fois, dans ta feuille de style... cet élément sera modifié automatiquement sur toutes tes pages.

    En complément du site proposé par scarabeuz (le site de référence du Web francophone), je te propose aussi ce très bon site d'initialisation.

    Au cours de tes futurs essais, n'hésite pas à poser des questions précises si tu rencontres des difficultés.

  4. Bonjour,

    Avant d'analyser ton code plus en détail, voici quelques pistes...

    - pour centrer un bloc horizontalement, il devrait suffir d'attribuer la valeur auto à ses marges latérales, mais cela ne fonctionne pas avec IE. Il faut donc placer le bloc contenu dans un bloc conteneur avec ces propriétés

    .conteneur 
     {
      text-align: center;
     }

    .contenu
     {
      margin-left: auto;
      margin-right: auto;
      width: 70%;
      text-align: left;
     }

    - pour IE, les largeurs des bordures s'ajoutent à la largeur d'un bloc au lieu d'y être comprises

    - des exemples commentés sur les problèmes de positionnement : openweb, alsacreations

  5. Un clavier belge ??? [HUMOUR] Il a un porte-frites sur le coté ?  :D [/HUMOUR]

    Sérieusement, quelles sont les différences entre un clavier francais et un belge ?

    Non, non, ce n'est pas une histoire belge :1eye:

    Les signes de ponctuation et les caractères spéciaux ne sont pas sur les mêmes touches.

    Dans les options régionales et linguistiques de Windows, je dois absolument avoir l'option français (Belgique) sans quoi c'est l'horreur pour taper le moindre texte.

  6. Bonjour,

    Si vous avez souvent à utiliser des caractères non présents sur votre clavier, tels que les ligatures (oe, ae), les majuscules accentuées, le signe + ou -, les différents styles de guillemets... ce pilote de clavier français enrichi pour Microsoft Windows pourrait vous intéresser.

    Il n'existe cependant que pour les claviers français... désolée pour ceux qui ont un clavier belge (comme moi) ou canadien :(

  7. Bonjour,

    Dans ce topic, j'ai donné un exemple de code valide pour le marqueur Xiti.

    Ce problème de validité devrait bientôt être résolu. Lors d'une discussion sur le forum de Webrankinfo, j'ai posé le problème à Sébastien Carriot (Directeur Technique de xiti.com), il m'a affirmé qu'un nouveau marqueur était à l'étude (avec de nouvelles fonctions) et que celui-ci serait valide. J'espère que cela ne tardera plus...

    Tu trouveras des explications très complètes sur l'utilisation des ancres sur cette page.

    Un point important, souvent oublié : en HTML strict, un élément incorporé (=inline element : a, img, br...) ne peut contenir un élément de bloc (=block-level element : form, p, table, ul...) plus de détails.

    Un dernier conseil, utilise plutôt WDG HTML Validator, les causes d'erreurs y sont mieux expliquées que sur le validateur du W3C.

  8. Faut il mettre les deux ?

    <img src="image.gif" alt="texte" title="texte"> ?

    Bonjour,

    Si tu veux une info bulle avec les navigateurs respectueux des standards comme Mozilla, oui.

    Dans ce cas, IE affichera le contenu de l'attribut title dans l'info bulle.

    En réalité, ces deux attributs ne sont pas destinés à contenir le même texte (dans mon post du 3 novembre, je donne le lien vers les spécifications du W3C à ce sujet).

    Par exemple

    alt="logo Webmaster-Hub"

    title="Webmaster Hub, le rendez-vous des webmasters"

  9. Bonjour thedavix,

    bienvenue sur le Hub :)

    Je n'ai jamais eu l'occasion d'utiliser un Mac, je ne peux donc pas de donner de réponse vraiment adaptée à ton problème.

    Voilà 2 sites détaillant des problèmes d'affichage avec les Macs :

    - pour IE 5

    - pour IE 5 et iCab 2.5

    D'après mes lectures, le meilleur navigateur actuellement est Safari.

    J'ai cependant regardé ton code, il n'est pas valide :(

    Le doctype n'est pas renseigné, les navigateurs récents (IE, Netscape et Mozilla) utilisent le mode "quirks" dans ce cas et fonctionnent comme des navigateurs anciens.

    Le / de fermeture (obligatoire en XHTML) crée souvent des problèmes en HTML ou en l'absence de doctype.

    Je pense que tu devrais passer tes pages au validateur et corriger tes erreurs. Il est propable que certains problèmes disparaissent.

    PS : pense à ajouter l'URL de ton site dans ton profil, elle sera ainsi toujours disponible

  10. Mais non... juste distrait :lol:

    Il n'y a pas beaucoup d'erreurs, ce sont presque toujours les 3 mêmes :

    - la balise <br />

    - les guillemets absents dans les liens

    - la balise <b> (block-level element) ne peut pas contenir <h1> (inline element), ce doit être le contraire

    Pourquoi ne définis-tu pas plutôt h1 dans ta feuille de style ?

    Allez, encore un petit effort, tu vas y arriver B)

  11. Cette indications de changer les ALT en title m'a ete donne depuis longtemps par une grande Webmestre (celle de Gratilog). J'ai aussi trouve des allusions a cela ici par DAN ; a propos, justement, du W3C...

    Non, MagiX, les alt sont obligatoires pour une image.

    Tu ne dois donc pas les remplacer par title si tu veux l'affichage de l'info-bulle, mais utiliser les deux attributs.

  12. Bonjour,

    Pour bien effectuer le passage de html à xhtml, rien de tel que ces articles sur openweb et les spécifications du W3C.

    L'utilisation des tableaux n'est pas interdite, elle doit être réservée à la présentation de données tabulaires et non à la mise en page.

    Pour résoudre ton problème de répartition du texte, fais des essais dans ta feuille de style avec

    text-align: justify;

    ou bien

    word-spacing: 2em; (valeur à essayer)

  13. Mozilla a du mal a "lire" la balise ALT (faire parler les images)

    Bonjour,

    Ben non, Mozilla n'a pas du mal de lire les alt, il ne fait que suivre les recommandations du W3C ;)

    L'attribut alt

    alt = texte

        Cet attribut spécifie un texte de remplacement pour les agents utilisateurs qui sont incapables d'afficher les images, les formulaires ou les applets. La langue du texte de remplacement est spécifiée par l'attribut lang.

    L'attribut title

    title = texte

        Cet attribut fournit des informations consultatives concernant l'élément sur lequel il se place.

    Les agents utilisateurs peuvent restituer les valeurs des attributs title de diverses façons. Les navigateurs visuels peuvent, par exemple, afficher leur valeur sous la forme d'une « infobulle » [ndt. tool tip] (un bref message qui apparaît quand le dispositif de pointage reste au-dessus d'un objet). Dans le même ordre d'idée, les agents utilisateurs sonores peuvent vocaliser les informations de titre. Par exemple, le placement de l'attribut sur un lien permet aux agents utilisateurs (visuels et non-visuels) d'indiquer à l'utilisateur la nature de la ressource reliée

×
×
  • Créer...