-
Compteur de contenus
4 579 -
Inscrit(e) le
-
Dernière visite
Messages postés par Monique
-
-
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
-
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.
-
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
-
Merci pour le test et le compte rendu, Anonymus
ce que je ne pouvais pas faire...
-
Un clavier belge ??? [HUMOUR] Il a un porte-frites sur le coté ? [/HUMOUR]
Sérieusement, quelles sont les différences entre un clavier francais et un belge ?
Non, non, ce n'est pas une histoire belge
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.
-
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
-
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.
-
Bonjour,
La discussion sur les attributs alt et title est intéressante, j'ai donc déplacé les messages concernés dans le forum HTML et CSS
-
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"
-
Je pense que tu veux dire de changer de couleur... Je vais y méditer!
Oui, ce peut être dans la même gamme, plus clair ou plus foncé, en dégradé...
Il faut essayer pour voir l'effet.
-
Bonjour,
L'idée est bonne
Je verrais plutôt FR et France-Région apparaissant sur la carte entière mais dans un autre ton...
-
Bonjour,
Sans voir le code, il est difficile de te donner une réponse adaptée.
Dis-nous aussi avec quel navigateur tu constates le problème. Comme l'as dit Dan, le comportement de IE n'est pas toujours celui qu'on est en droit t'attendre
En attendant, pour mieux comprendre les problèmes de positionnement, je te recomande la lecture de ces pages
-
Bonjour,
En effet, en XHTML, toutes les balises et tous leurs attributs doivent obligatoirement être écrits en lettres minuscules.
-
Bonjour,
Si, si, cela existe...
Pour preuve, l'objet de celui que je viens de recevoir, vantant les qualités d'un produit plutôt destiné aux hommes
... il annonce clairement sa nature !
Spam: this stuff is more effective and costs less -
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
-
Je ne vois pas ce que tu veux dire là
-
Mais non... juste distrait
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
-
Je n'ai pas pu voir ta page : j'ai un beau 404
-
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.
-
Tu peux donner l'URL de la page, ce serait mieux pour te donner une réponse adaptée
-
Xhtml
dans (X)HTML et CSS
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)
-
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 = texteCet 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 = texteCet 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
-
Bonjour
Pour ma part , j'utilise IE question d'abitude
Bonjour,
Pour la même raison, j'ai mis du temps aussi avant de me décider à changer
Mais une fois les nouvelles habitudes acquises, je n'ai regretté qu'une chose : ne pas l'avoir fait plus tôt !
A lire : Les 101 trucs du lézard
-
Merci à vous de ne pas "montrer du doigt" en citant les marques.
Oups... je me suis laissée emporter
séminaire AccessiWeb (1er décembre)
dans Accessibilité et Ergonomie Web
Posté
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.