Monique

Bonjour Caro, Spip est un système de publication (celui qui est utilisé pour les Publications du Hub). Tu en sauras plus en lisant les 3 sujets épinglés de ce forum et en consultant ce site.

Nissone, tu fais comme tu veux Je t'ai juste donné un exemple de code correct pour l'exemple que tu as donné en début de discussion... Deux choses qu'il faut toujours avoir à l'esprit : - la simplicité du code, que l'on obtient notamment en utilisant les balises adaptées (par exemple une liste au lieu d'une série de br) - le positionnent naturel, qui est à privilégier chaque fois que c'est possible (plutôt que le positionnement absolu) Une chose que je ne comprends pas : ton utilisation massive de span qui est surtout à utiliser pour attribuer un style différent à une partie de texte. Par exemple : <p class="green">Cette phrase est en vert mais ce <span "class="blue">mot</span> est en bleu</p> Pour ta liste, utilise plutôt (et vérifie que le chemin de l'URL est bon) .ulPuce { list-style-image: url(images/puce.gif); display: list-item; } Quant au code de ta liste <ul> <li class="ulPuce VioletGras">DOCTORAT Hydrogéologie, Hydrologie, Géochimie et Géostatistique<br> </li> <li class="ulPuce">Faculté d'ORSAY Paris XI - 2001/2004</li> </ul>

Bonjour sailorcarom, et bienvenue sur le Hub As-tu fait un essai en utilisant plutôt l'attribut title ? Cette technique est évoquée sur Openweb mais pas pour les images.

Bonjour nikki, Dreamweaver mx est un bon éditeur mais, contrairement à ce qu'on dit souvent, pas pour les débutants Pour que le code produit soit correct, il faut paramètrer coorectement le logiciel... donc il faut déjà s'y connaître ! Sur ce point, je ne peux pas t'aider, je ne l'ai jamais utilisé. Je te recommande de t'initier au html et aux feuilles de style. Tu peux lire les articles de la partie Publications (Les standards du Web, Un code valide, Les feuilles de style, Laccessibilité). Tu y trouveras des liens vers d'autres sites intéressants. As-tu Mozilla comme navigateur ? Si non je te conseille de l'installer, il est plus respectueux des standards que IE. De toute façon, il est utile de disposer de plusieurs navigateurs pour effectuer des tests. Avec ce navigateur, tu disposeras d'un petit éditeur (Composer) qui te permettra de faire ton apprentissage html facilement.

Bonjour lapîn, Est-ce que des valeurs attribuées à padding-left et padding-right n'apporteraient pas une solution ?

Bonjour Nissone, Il est inutile d'utiliser un positionnement absolu dans ce cas, il suffit de déplacer une balise de fin de div. De plus, tes span sont inutiles et pour ce type de présentation (liste, menu) il est préférable d'utiliser les balises prévues pour Dans ta feuille de style, tu ajoutes ceci (pour qu'il n'y aie pas de puce) : ul { list-style: none; margin-left: 1px; } et dans ta page : <div id="Gauche"> <h1 class="VioletGras">Hydrogéologue, Géochimiste isotopique</h1> <p class="VioletGras">Christelle CHABAULT</p> <ul> <li>Laboratoire <a href="http://geosciences.geol.u-psud.fr/recherch/cnrsassocie.html" target="_blank">OrsayTerre</a></li> <li>Bâtiment 504</li> <li>Faculté des sciences</li> <li>F 91405 Orsay Cedex</li> </ul> <div id="Nav"> <ul type="disc"> <li><a href="#profil" class="GrisGras">PROFIL</a></li> <li><a href="#formation" class="GrisGras">FORMATION ET DIPLOMES</a></li> <li><a href="#stages" class="GrisGras">STAGES UNIVERSITAIRES</a></li> <li><a href="#experiences" class="GrisGras">EXPERIENCES PROFESSIONNELLES</a></li> <li><a href="#assoc" class="GrisGras">VIE ASSOCIATIVE</a></li> <li> </li> <li><a href="#loisirs" class="GrisGras">LOISIRS</a></li> <li><a href="#" class="GrisGras">PUBLICATIONS</a></li> <li><a href="#" class="GrisGras">CONTACT</a></li> </ul> </div><!-- fin id Nav --> </div><!-- fin id Gauche --> Et surtout, use et abuse du validateur (celui-ci est plus explicite que celui du W3C)... dans le bloc du milieu, par exemple, tu verras qu'il y a des balises p mal placées. Bon courage

Bonjour Exolon, et bienvenue sur le Hub Je ne vois pas bien ce que tu veux faire. Tu pourrais donner le code que tu utilises ou mieux, un lien vers une page test ?

Bonjour nikki, et bienvenue sur le Hub C'est par les versions 4 de Netscape que les iframes ne sont pas supportés, donc pas de problèmes avec les navigateurs récents. Le graphisme de ton site est réussi Par contre, je ne connais pas l'éditeur que tu utilises mais le code est assez fantaisiste... Connais-tu le html ? et les feuilles de style ? Ce serait nécessaire pour pouvoir corriger. Il y a aussi un problème de JavaScript, mais là je ne pourrais pas t'aider. Petit à petit, tu y arriveras

Bonjour, Mail reçu de Belgacom : Je suppose donc que bloquer les ports indiqués avec un pare-feu est déjà une mesure utile.

Bonjour Nicolas, et bienvenue sur le Hub qui est en passe de devenir aussi le club des utilisateurs de navigateurs dits alternatifs... Ce que la googlebar offre en plus : - l'accès direct à la page en cache sur Google - les pages liées - les pages similaires - la possibilité de remonter dans le répertoire (en cas de lien profond) - l'accès au Web Directory - la possibilité de surligner et d'accèder directement au terme d'une recherche (effectuée depuis la barre).

Bonjour curio, et bienvenue sur le Hub ... j'étais encore sur ton site alors que tu t'étais déjà inscrit ici, réaction que j'apprécie tout particulièrement ! Je constate que tes tests suscitent intérêt et commentaires, ce qui ne peut être que positif.

Bonjour, Je pense que tout le monde est convaincu de l'importance de la présence de mots clés dans une URL. Les avis sont plus partagés au sujet du séparateur. Curio (François Simond) a effectué des tests et en a publié le compte-rendu sur son blog : Google et Séparateurs d'URL et les résulats. Les conclusions semblent très claires et confirment la déclaration de GoogleGuy "Underscores are not word seperators in google"

Bonjour, Un favicon associé à l'URL permet aux internautes de distinguer facilement un site parmi ses favoris, parmi les titres d'onglets affichés dans un navigateur (comme Mozilla). La méthode la plus connue (une image favicon.ico à la racine d'un site) n'est pas à recommander. Quand un utilisateur d'IE ajoute un site dans ses favoris, le navigateur envoie une requête au serveur pour savoir s'il y a une icône (correspondant au fichier favicon.ico). Si cette icône existe, elle remplacera dans la liste des favoris l'icône standard de IE, si elle n'existe pas, un message d'erreur sera ajouté au fichier log du serveur. La solution expliquée sur le site Interop fonctionne avec IE et Mozilla : Icones de pages web (la bonne manière) <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" /> Il est possible de créér des favicons en ligne sur le site de HTML-Kit (un excellent éditeur html) : FavIcon from Pics

Bonjour, Pour les caractères accentués, je suis de l'avis de Dan. Si le charset est correctement indiqué dans l'en-tête, tu peux écrire ton texte en clair, il n'y aura aucun problème d'affichage. Par contre, pour les moteurs de recherche, l'utilisation de la forme html semble donner un avantage. Pour tes mots clés "mot1,mot2" et mot1, mot2" sont équivalents, ce qui est important, c'est l'utilisation de la virgule. Les deux solutions sont valables pour les robots, la seconde est plus lisible par l'humain. Mais la plupart des moteurs n'en tiennent plus compte. C'est surtout à l'intention de certains annuaires que ces mots seront destinés : ces mots devraient être limité en nombre et placés selon leur importance (en ordre décroissant). Quand aux cadres, mon choix est fait depuis toujours... je n'en utilise pas.

Bonjour christophebe, Pense à la console Javascript de Mozilla, précieuse pour trouver les erreurs. Un lien utile : Tackling JavaScript strict warnings.

Bonjour, En cas de doute sur un point du code, la meilleure attitude est de vérifier ce qu'en dit le W3C... et de choisir la solution qui y est préconisée. J'ai lu il y a peu un article en anglais, où l'auteur soulignait un cercle vicieux : les webmasters se soucient peu d'écrire un code correct puisque les navigateurs sont permissifs, les navigateurs sont permissifs parce que les webmasters écrivent un code incorrect... Les liens : - exemple de structure avec cadres - les métadonnées Ce que dit le W3C à propos des frames

Bonjour, Intéressé, sceptique, convaincu ou cherchant à convaincre... je vous invite à lire un excellent article de Xavier Borderie dans JDNet Développeurs : Playdoyer pour les standards Web.

Bonjour nash, et bienvenue sur le Hub Cela pourrait provenir d'un problème de chemin dans tes URL. Tes fichiers images, ton fichier css sont-ils à la racine ou dans des répertoires différents ? Si tu peux nous donner l'URL de ta page (même s'il ne s'agit d'une page test), ce sera plus facile de t'aider.

Bonjour David, Un article qui date un peu mais qui pourrait quand même t'intéresser : RSS: la syndication de contenu à la portée de tous

Bonjour, Vous savez que deux non-voyants se sont inscrits sur le Hub. Ils peuvent lire les messages, mais pas intervenir : le formulaire pour éditer un message n'est pas détecté par le navigateur vocal. J'ai donc soumis le problème au support français et au support officiel d'Invision. Si suivre les débats vous intéresse, voici les liens : - IPB Forums Support France - Invision Power Services J'espère qu'il en sortira une bonne solution

Bonjour David, Selon le W3C l'accessibilité d'un site se note en 3 niveaux : Web Accessibility Initiative (WAI) Ces niveaux correspondent aux notations A, AA, AAA. A cela s'ajoute une réglementation américaine, très stricte : Section 508 Différents outils te permettent de tester ton site selon ces critères : - acces-pour-tous en français, évaluation en ligne ou barre d'outils - Bobby, en anglais, le plus ancien, évaluation en ligne - Wave, en anglais, évaluation en ligne ou barre d'outils - Cynthia, en anglais Il existe aussi un logiciel A-Prompt qui permet d'évaluer ses pages. Une série de boîtes de dialogue aident à les corriger. Je l'ai téléchargé ce week-end, mais je n'ai pas encore eu le temps de le tester. Les commentaires que j'ai lu à son sujet sont très posotifs.

Bonjour, Je viens de découvrir un site au contenu remarquable : L'accessibilité des sites Web pour les personnes malvoyantes Vous y trouverez une analyse lucide de la situation actuelle et à venir, une présentation détaillée du matériel utilisé par les mal et non-voyants, un exemple concret de réalisation d'un site accessible (pour une des plus importantes mutuelles belges)... Je vous en recommande la lecture.

Hum... une part plus grande que tu le penses : service au public n'est pas synonyme de services publics. Dans le domaine commercial, je pense au secteur des banques par exemple dont les services en lignes sont inaccessibles à certains (problème lié au code), alors que ce service est particulièrement utile aux personnes ayant des difficultés pour se déplacer. Idée illusoire en effet... comme le serait celle d'imposer le respect de la langue française académique dans toutes les productions écrites

Bonjour, Je dirais plutôt "pas encore"... en tout cas pour certaines catégories de sites bien sûr, par exemple : - en Belgique - aux USA ce qui signifie que si tu signes un contrat avec un site fédéral des USA, les parties de ton site en rapport avec ce contrat devront respecter les normes... - en France Quant à l'autre partie de ton message je suis entièrement d'accord, évidemment.On est loin de l'esprit du Web de Tim Berners-Lee En fait, la notion d'accessibilité est souvent comprise de manière trop restrictive, elle ne concerne pas seulement les internautes ayant un handicap (visuel ou autre). Le Web accessible, signifie que l'information doit être disponible quelque soient les conditions humaines ou matérielles (navigateurs, plates-forme...). Il faut plutôt parler d'interopérabilité et d'accessibilité.

Bonjour, Avec cette propriété de l'élément ul ul { margin-left: -5px; } A toi de choisir la valeur qui te donne le résultat souhaité