Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML

HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML

Réponse
 
Outils de la discussion
Vieux 28/09/2004, 17h33   #1 (permalink)
Invité de passage
 
Date d'inscription: mai 2004
Messages: 4
Par défaut [W3C] Police d'écriture insensible aux modifs

Bonjour,

Il m'arrive une chose étrange avec mon menu: Je ne parvient pas à changer la taille de la police, ni à la mettre en gras!

http://gribouille26.free.fr/ Ca c'est pour voir. Le menu est à gauche dans les boutons verts.

La partie de CSS qui va avec:
Code :
.menugauche { 
padding: 0; 
margin: 20; 
list-style-type:none; 
} 
.menugauche li { 
margin-bottom: 15px; 
} 
.menugauche a { 
display: block;
width: 100px;
height: 31px;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #5F7547;
text-align: center;
color: #fff;
text-decoration: none;
margin: 2px 0;
} 
.menugauche a:link, .menugauche a:visited {
border-top: 1px solid #cecece;
border-bottom: 2px solid #4a4a4a;
border-left: 1px solid #cecece;
border-right: 2px solid #4a4a4a;
}
.menugauche a:hover { 
border-bottom: 1px solid #cecece;
border-top: 2px solid #4a4a4a;
border-right: 1px solid #cecece;
border-left: 2px solid #4a4a4a;
}
Si quelqu'un peu m'éclairé, merci d'avance!
Gribouille26 est déconnecté   Envoyer un message privé Réponse avec citation
Vieux 28/09/2004, 19h43   #2 (permalink)
Membre régulier
 
Avatar de bartrik
 
Date d'inscription: novembre 2003
Localisation: Lille, puis Bordeaux
Messages: 106
Par défaut

pourquoi mets tu ?
Code :
font-size: 1em;
la taille de ta police en 'em'

a titre indicatif, une taille de police definie en em, depend de la definition de la police du navigateur du client.
Si je change la taille de ma police par defaut (de 16px a 20 par exemple) la, la taille des caractère de ton menu auguemente en proportion.

Bref, si tu veux fixer la taille de ta police mets des PX
si tu veux laisser a l'utilisateur le choix de sa taille de police, mets EM

PS :: 1em vaut 10px, 0.8em vaut 8px, 1.6em vaut 16px, etc.

fait un tour sur : http://blog-and-blues.org/weblog/200...4-font-size-em
c'est tres instructif
bartrik est déconnecté   Envoyer un message privé Réponse avec citation
Vieux 29/09/2004, 11h02   #3 (permalink)
Invité de passage
 
Date d'inscription: mai 2004
Messages: 4
Par défaut

Après quelques lectures, il me semble comprendre un peu mieux ces histoires de .em.

Ce que je ne comprend pas trop, c'est pour fixer la base. Dans le body, je suis obligé de déclarer une valeur en %, puis de définir les autres en cascade à partir de celle-ci? Ou je peux ne pas mettre de valeur dans le body et prendre celle par défaut (de 10 ou de 16px?)?

En tout cas, je n'ai pas trouvé d'explications au fait que mon menu ne soit pas en gras comme demandé...
Gribouille26 est déconnecté   Envoyer un message privé Réponse avec citation
Vieux 29/09/2004, 11h57   #4 (permalink)
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Date d'inscription: mars 2002
Localisation: Au coeur de la Nébuleuse de la Rainette
Messages: 19 798
Par défaut

il te suffit d'indiquer le police du body en % et les polices des éléments contenus pr le body en em....
j'avais donné un exemple là dessus il y a un ou deux mois...
mais le code est au bureau... je suis en congés ...
fais une recherche avec em...
__________________
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts )
Citation:
Deux règles du succès:
1) Ne communiquez jamais à quelqu'un tout votre savoir...

Votre post a trouvé une réponse qui vous satisfait ? Alors n'oubliez pas le Tag

réalisations web (developpeur et/ou infographiste et/ou chef de projet:
www.saftair.com| www.ouestisol.fr | www.sebemex.fr
| www.sistac-alizay.fr | www.planet-languages.com | www.acoustishop.fr
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation
Vieux 29/09/2004, 12h08   #5 (permalink)
Invité de passage
 
Date d'inscription: mai 2004
Messages: 4
Par défaut

Ca j'avais compris. Merci tout de même.

Mon probleme concerne la taille par défaut de la police dans les navigateurs, est-elle de 16px ou de 10px?
Et puis-je ne pas mettre de taille dans le body et ainsi garder celle par défaut à la base?

Et pourquoi mon menu n'est pas en gras et de la même police que le texte? Cela n'a rien à voir avec les .em!

J'ai pas trouvé ton message dans le forum...
Gribouille26 est déconnecté   Envoyer un message privé Réponse avec citation
Vieux 29/09/2004, 12h36   #6 (permalink)
Invité de passage
 
Date d'inscription: mai 2004
Messages: 4
Par défaut

J'ai fait quelques tests pour voir!

Apparament, on peut ne pas définir de taille en pourcentage dans le body (je sais pas si ça passe au W3C...). Au quel cas, la taille doit être de 16 px, visiblement (à l'oeil! ).

J'ai lu que réduire la taille en dessous de 1em est déconseiller, mais pas interdit. J'ai donc essayé: Pas de pb.

Ah, oui, pour le caractère gras, c'était visiblement une illusion du au fait que la police soit petite....
Gribouille26 est déconnecté   Envoyer un message privé Réponse avec citation
NEWS (X)HTMLFAQ (X)HTMLTUTORIELS (X)HTMLLIVRES (X)HTMLOUTILS (X)HTML

Réponse

Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML



Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are non
Pingbacks are non
Refbacks are non

Navigation rapide


Fuseau horaire GMT +2. Il est actuellement 21h37.


Vos questions techniques : forum d'entraide (X)HTML - Publiez vos articles, tutoriels et cours
et rejoignez-nous dans l'équipe de rédaction du club d'entraide des développeurs francophones
Nous contacter - Hébergement - Participez - Copyright © 2000-2009 www.developpez.com - Legal informations.