Font size

bonjour

j'ai fait une feuille de style pour mon site
je voudrais pouvoir réduire la taille des textes dans le body j'ai donc fait ceci

body {
font-family : Comic Sans MS; 
font-size:90%;
background-color:#679F5A;
}
li {
font-size:90%;
color:#96C56F;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}

ce que je ne comprend pas
ç'est que dans le body le font-size:90%; ne fonctionne pas alors qu'il fonctionne dans les listes
quelqu'un peut éclairer ma lanterne ?

merci
Modifié par Maquet-hist (04 Oct 2006 - 09:56)

il faut savoir que font-size exprimé en pourcentage se réfère à l'élément parent. Dans ton body il n'y pas de font-size parente, donc il ne peut pas être pris en compte : CQFD.
Je te conseille plus de recourir à un :

body {

font-family : Comic Sans MS; 

font-size: 0.9em;

background-color:#679F5A;

}

Par exemple

PS : Comic sans MS je hais cette police

Je crois que mettre un font-size en em pour body est très très vivement déconseillé à cause d'IE, il vaut mieux laisser un pourcentage...

Sinon, quand tu dis que ça marche pas, tu veux dire qu'en mettant 90%, 130% ou 50% tu as le même rendu?

salut

oui en effet Vikchill, quelque soit le pourcentage cela ne change rien

mEga, il faut que je mette :

font-size parent:90%;

???

Maquet-hist a écrit :

font-size parent:90%;

Surtout pas, ce machin-là n'existe pas en CSS.

Pour le bug d'Internet Explorer avec les tailles de texte en em : le bug se produit si on change de taille de texte, et lorsque toutes les tailles de texte depuis la racine ont été spécifiées en em. On peut y remédier facilement :

html {font-size: 100%;}
body {font-size: .85em;}

Par exemple.

Maquet-hist : tu est sûr(e) qu'aucune déclaration de taille de police ultérieure ne rentre en jeu ? Une fonte spécifiée en pixels ou en points, par exemple.

De plus, ton problème se produit-il avec plusieurs navigateurs différents ?

salut

comment mais on un texte en paragraphe dans une feuille de style ?
Modifié par Maquet-hist (04 Oct 2006 - 15:20)

salut

si je fais :

body {
font-family : Comic Sans MS; 
font-size: 90%;
}

body {
font-family : Comic Sans MS; 
font-size: 10px;
}

j'ai la police Comic Sans MS mais impossible de changer la taille
si je fais

body {
font-size: 90%;
font-family : Comic Sans MS; 
}

j'ai la taille à 90% mais je n'ai plus la police !! (Comic Sans MS)
je voudrais du Comic Sans MS en taille 90%, ou 10px ou en autre chose pourvu qu'il soit plus petit que la taille par défaut...

je vous joins ma feuille de style complete:

// FOND DE LA PAGE -->


body {
font-size:10px;
font-family : Comic Sans MS;
background-color:#679F5A;
}


// scrollbar -->


{
scrollbar-face-color : #679F5A; 
scrollbar-shadow-color : #96C56F;
scrollbar-highlight-color : #96C56F;
scrollbar-3dlight-color : #96C56F;
scrollbar-darkshadow-color : #96C56F;
scrollbar-track-color : #006600; 
scrollbar-arrow-color : #000000;
}


// TITRES -->


h1 {
font-family:Comic Sans MS;
font-size:100%;
color:#006600;
background-color:transparent;
}

h2 {
font-family:Comic Sans MS;
font-size:80%;
color:#006600;
background-color:transparent;
}

h3 {
font-family:Comic Sans MS;
font-size:90%;
color:#006600;
background-color:transparent;
}


// LISTE -->


li {
font-size:90%;
color:#96C56F;
background-color:transparent;
text-align:left;
margin-left:0px;
margin-right:0px;
}

li span {
color:black;
}

// LIENS -->


a:link {
font-family:Comic Sans MS;
font-size:90%;
color:#006600;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:Comic Sans MS;
font-size:90%;
color:#006600;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:Comic Sans MS;
font-size:90%;
color:#000000;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}

ce qui est le plus surprenant, ç'est que pour les listes, les liens
j'arrive à avoir :
font-size: 90%;
font-family : Comic Sans MS;
et çà fonctionne
alors pourquoi dans le body çà ne passe pas
pour moi il y a un souci dans le code

merci pour votre aide
Modifié par Maquet-hist (04 Oct 2006 - 15:20)

Phase 1: écrit plutôt comme ça

body 
{
font-family : "Comic Sans MS"; 
font-size: 90%;
}

Je pense que ça ira déjà mieux, et enlève les autres définitions de police si c'est pour mettre la même (connasi-tu le principe de cascade des CSS?).

Si ça ne suffit pas, remets la CSS ainsi modifiée ainsi qu'une page en ligne, ou au moins un peu de code.
Modifié par Vikchill (04 Oct 2006 - 18:16)

Maquet-hist a écrit :
comment mais on un texte en paragraphe dans une feuille de style ?

Heu... tu pourrais préciser la question ?


Sinon, tu as un problème assez généralisé de respect de la syntaxe CSS.
- La propriété CSS font-size parent n'existe pas (seule font-size existe). Rappel : les instructions CSS sont de type propriété: valeur(s);.
- Les commentaires que tu as placé dans la feuille de style que tu cites ne sont pas des commentaires CSS.
- Les noms de police pour la propriété font-family doivent être délimités par des guillements anglais, sauf dans le cas où le nom de la police n'est composé que d'un seul mot (ou pourra alors mettre les guillemets ou pas). Exemple :

font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	/* Note : "sans-serif" est un nom générique */

salut

j'ai résolu le probleme comme suit
j'avais çà

body {

font-family : Comic Sans MS; 

font-size: 90%;

}

j'ai fait çà

p {

font-family : Comic Sans MS; 

font-size: 90%;

}

çà fonctionne
je parlais d'un probleme de code
apparement il ne prend pas les fonctions body
j'ai donc utilisé le paragraphe (p)

Désolé d'insister mais la bonne syntaxe est

font-family : "Comic Sans MS";

et pas

font-family : Comic Sans MS;

Comme on te l'a déjà dit, quand un nom de police contient des espaces, il faut entourer le nom de guillemets.