[CSS] Petit prob avec l'attribut font-size (Résolu)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Petit prob avec l'attribut font-size (Résolu)

Malta

Bonjour,

J'ai un fichier index.htm dans lequel un tableau à été automatiquement généré par un logiciel de découpe d'interfaces web.

Toutes les cellules sont de ce type là :

Code :

<td rowspan=3 background="images/r3_c7.jpg" width=19 height=100 border=0></td>

Je commence mon fichier CSS par les attributs du body en mettant :

Code :

body {
color: white;
background-color: #18233E;
}

Je constate que la couleur de fond est bien prise en compte, ainsi que le texte que j'ai inséré un peu partout dans les cellules, qui s'affiche bien en [U]blanc[/U].

J'ajoute ensuite l'attribut font-size de la manière suivante :

Code :

body {
color: white;
font-size:6px;
background-color: #18233E;
}

Mais là, rien à faire, la taille de police ne change pas.
j'ai essayer en px, en pt, en XX-small etc..., rien à faire, la taille de police reste toujours la même, la taille standard.

Je me dis que ça doit sûrement être un détail de #M!@#!!@ que je ne connais pas...
Quelqu'un aurait une idée ?

Message édité par Malta le 18-09-2008 à 18:50:25

Publicité

Dan_A

Avec quel navigateur ?
Quel est le texte qui s'affiche? Il n'apparaît pas dans le code cité.
Quelle police ?
Les petites tailles de caractères sont-elles autorisées dans les options du navigateur ?

Malta

Avec la dernière version de Firefox 3.0.1
Etant donné que je viens de creer les pages, le texte, c'est "bla bla bla".

La police est celle par défaut, je n'ai rien précisé. La seule présence de l'attribut "font" est dans le BODY du css montré ci-dessus, et qui ne fonctionne donc pas.

Les petites tailles autorisés ? Oui, je suppose, en tout cas je vois beaucoup de tailles différentes sur n'importe quel site que je visite...

Merci pour ton aide !

Message édité par Malta le 16-09-2008 à 21:45:31

Dan_A

Peux-tu donner un lien vers un exemple de page qui pose problème ?

Malta

Voici le code complet.
A titre d'info :
- la page index est quasi-vide, il n'y a qu'un tableau d'images.
- Les cellules "TDspacer" contiennent le fameux pixel transparent (1x1) nécessaire dans la découpe d'interface web.
- La balise span que je viens de rajouter pour le titre n'a aucun effet non plus...

La page index.htm

Code :

<html>
<head>
<title>index.jpg</title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0 width=1400>
<tr>
<td class=TDspacer width=177 height=1></td>
<td class=TDspacer width=129 height=1></td>
<td class=TDspacer width=140 height=1></td>
<td class=TDspacer width=23 height=1></td>
<td class=TDspacer width=13 height=1></td>
<td class=TDspacer width=367 height=1></td>
<td class=TDspacer width=19 height=1></td>
<td class=TDspacer width=81 height=1></td>
<td class=TDspacer width=164 height=1></td>
<td class=TDspacer width=287 height=1></td>
<td class=TDspacer width=1 height=1></td>
</tr>
<tr>
<td class=TDspacer rowspan=13 width=177 height=800></td>
<td colspan=3 width=292 height=54 background="images/r1_c2.jpg"></td>
<td colspan=2 width=380 height=54 background="images/r1_c5.jpg"></td>
<td rowspan=2 colspan=3 width=264 height=126 background="images/r1_c7.jpg"></td>
<td class=TDspacer rowspan=13 width=287 height=800></td>
<td class=TDspacer width=1 height=54></td>
</tr>
<tr>
<td rowspan=3 colspan=3 width=292 height=119 background="images/r2_c2.jpg"></td>
<td rowspan=2 colspan=2 width=380 height=108>
<a href="./"><img src="images/r2_c5.jpg" border=0></a>
</td>
<td width=1 height=72 background="images/spacer.gif"></td>
</tr>
<tr>
<td rowspan=3 width=19 height=100 background="images/r3_c7.jpg"></td>
<td rowspan=3 colspan=2 width=245 height=100 background="images/r3_c8.jpg" valign="top">
Mon compte<br>Mon groupe<br>Info perso
</td>
<td width=1 height=36 background="images/spacer.gif"></td>
</tr>
<tr>
<td colspan=2 width=380 height=11 background="images/r4_c5.jpg"></td>
<td class=TDspacer width=1 height=11></td>
</tr>
<tr>
<td colspan=3 width=292 height=53 background="images/r5_c2.jpg"></td>
<td width=13 height=53 background="images/r5_c5.jpg"></td>
<td width=367 height=53 background="images/r5_c6.jpg" valign="top">
<span class="title">ICI LE TITRE</span>
</td>
<td class=TDspacer width=1 height=53></td>
</tr>
<tr>
<td rowspan=2 width=129 height=11 background="images/r6_c2.jpg"></td>
<td rowspan=2 width=140 height=11 background="images/r6_c3.jpg" valign="top">
Menu 1<br>Menu 2
</td>
<td rowspan=2 width=23 height=11 background="images/r6_c4.jpg"></td>
<td rowspan=2 width=13 height=11 background="images/r6_c5.jpg"></td>
<td rowspan=5 colspan=3 width=467 height=11 background="images/r6_c6.jpg" valign="top">
Contenu : bla bla bla bla bla bla bla bla bla bla bla bla<br>bla bla bla bla bla bla bla bla bla bla bla bla<br>
test<br>
</td>
<td rowspan=5 width=164 height=11 background="images/r6_c9.jpg"></td>
<td class=TDspacer width=1 height=11></td>
</tr>
<tr>
<td class=TDspacer width=1 height=172></td>
</tr>
<tr>
<td width=129 height=23 background="images/r8_c2.jpg"></td>
<td width=140 height=23 background="images/r8_c3.jpg"></td>
<td width=23 height=23 background="images/r8_c4.jpg"></td>
<td width=13 height=23 background="images/r8_c5.jpg"></td>
<td class=TDspacer width=1 height=23></td>
</tr>
<tr>
<td rowspan=2 colspan=4 width=305 height=6 background="images/r9_c2.jpg"></td>
<td class=TDspacer width=1 height=6></td>
</tr>
<tr>
<td class=TDspacer width=1 height=59></td>
</tr>
<tr>
<td rowspan=2 colspan=4 width=305 height=245 background="images/r11_c2.jpg"></td>
<td colspan=3 width=467 height=194 background="images/r11_c6.jpg"></td>
<td width=164 height=194 background="images/r11_c9.jpg"></td>
<td class=TDspacer width=1 height=194></td>
</tr>
<tr>
<td colspan=3 width=467 height=51 background="images/r12_c6.jpg" valign="top" align="center">
Designed & Created by Malta © in 2008
</td>
<td width=164 height=51 background="images/r12_c9.jpg"></td>
<td class=TDspacer width=1 height=51></td>
</tr>
<tr>
<td class=TDspacer colspan=8 width=936 height=58></td>
<td class=TDspacer width=1 height=58></td>
</tr>
</table>
</body>
</html>

Le fichier css :

Code :

body
{
color: white;
font-size:6px;
background-color: #18233E;
}
TDspacer
{
background-image:url(images/spacer.gif);
}
title
{
font-size:14px;
font-weight:bold;
}
a:link {
text-decoration:none;
color:white;
}
a:visited {
text-decoration:none;
color:white;
}
a:hover , a:active {
text-decoration:none;
color:white;
}

Voilà, je rappelle le problème :
- Tout ce qui concerne le Font ne s'affiche pas, sauf la couleur...

Dan_A

Il faut utiliser un code valide (html et css) et donc ajouter un doctype pour que ça marche.

gatsu35

Blablaté par Harko

et ensuite éviter la mise en page en tableau. Le code que tu viens de filer date des années 1990

Malta

euh... après un petit tour rapide sur Google, j'ai rajouter un doctype de type "transitionnal", et tout marche...

J'ai jamais compris à quoi servait "cette première ligne inutile qu'on voit partout"... J'ai appris quelque chose. ^^

Merci beaucoup Dan_A !!

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Petit prob avec l'attribut font-size (Résolu)

Sujets relatifs
Menu html CSS (ul li) [resolu]	[Résolu]Pb récupération plusieurs valeurs d'un formulaire dans un mail
Question style de lien aux pros du HTML/CSS	Les fichiers de style CSS ne se chargent pas!
[Résolu] Installation d'imprimante réseau depuis une page web	[RESOLU] Exposant en php
[RESOLU] Recherche code touche enfoncé, pour du javascript	[CSS] hauteur d'un tableau sous IE
[resolu] liens hypertexte inactif sous Mozilla
Plus de sujets relatifs à : [CSS] Petit prob avec l'attribut font-size (Résolu)

Page générée en 0.066 secondes