CSS: caractères + petits, pourquoi ?

Question

Salut a tous,
Je suis en train de réaliser un intranet et j'ai donc créé une feuille de style. Jusque là, OK.

J'ai défini la taille de la police pour toutes les pages du site (body) ci-dessous:

body { /* taille et type de police de toutes les pages + scrollbar colorée */
	background-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-highlight-color: #F99500;  
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #F99500;  
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-arrow-color: #000099; 
	scrollbar-track-color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: justify;
	}

Le Pb, est lorsque j'ai un tableau et que je met un "calque" à l'intérieur (pour avoir la bordure du bas en pointillé visible car l'appliquer à une cellule le trait est trop épais (?) ) la taille de la police diminue par rapport à d'autres endroits du body.
ex du style pour le tableau:

.tabarchiv{ /* aspect du tableau / liste des ARCHIVES actus avec la date à gauche */
	width: 80%;
	border-bottom: 1px dashed #669900;
	text-align: left;
	padding: 4px;
	}

Pourquoi ?
Merci de m'éclairer là dessus, je doit mal m'y prendre où n'ai pas compris quelque chose sur l'utilisation des CSS.

--

Le bonheur est la seule chose que l'on peut donner sans l'avoir.

sebsauvage · Answer

Essai de spécifier le font-size en unités em ou pt plutôt qu'en pourcentage.

txiki · Answer

Salut seb,OK, je vais essayer et te tiens au courant.Merci.

txiki · Answer

Ouf! c'est pire.J'ai mi "1em" et la taille de la liste des liens dans le tableau ne bouge pas par contre, celle des textes positionné dans les div, elle, grossit énormément.Mais je vais tenter de contourner le Pb en spécifiant la taille dans la classe tabarchiv......

Utilisateur anonyme · Answer

salut

je ne sais pas comment tu codes ta page, mais fais attention quand tu imbriques les "class",

si tu as une zone font-size à 80%, dans lequel une autre zone est avec font-size =75% par exemple, la police affichée sera 75% de 80 % de la taille initiale.

C'est peut etre ca ton problème ?
(même si tu ne nous l'a pas dit dans tes posts, c'est une suggestion)

txiki · Answer

Salut Edoc,
Non, si tu regarde la classe .tabarchiv, la taille n'est pas spécifiée puisqu'elle l'est une bonne fois pour toute dans body (dans la feuille de style).

Ca se produit uniquement dans le cas où il y a un tableau (donc cellules) et si je met un calque dans ces cellules.
Ceci dit, c'est bien ce que tu dit qui se passe: on dirait que la taille est de 75% de 75%......

Merci encore.

CSS: caractères + petits, pourquoi ?

5 réponses

Discussions similaires

Newsletters