css: police

[D.Deschamps]

Salut a tous

Voila, j'ai un petit soucis avec la police d'écriture de la page html que j'ai rajouté à mon forum.

Elle est, il me semble, en Times New Roman et j'aimerais la mettre ainsi :

Code:


font-family:arial,helvetica,tahoma,verdana,sans-serif!important;


Je pense qu'il faut modifier une partie de ma feuille de style, mais je n'arrive pas à trouver laquelle.

Voici ma feuille de style:

Code:


body {
background: url(http://img11.hostingpics.net/pics/713374fondnoir.jpg) fixed; /* image de fond fixe */
}
a{text-decoration: none !important; /* text non souligné */
font-family:arial,helvetica,tahoma,verdana,sans-serif!important;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;
}
.bbd {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif); /* fond des icones de barre de navigation */
background-repeat: none; /* pas de répétition de l'image */
height: 32px; /* hauteur de l'image */
width: 184px; /* largeur de l'image */
padding-left: 24px; /* emplacement du texte sur l'image (a 24px de la gauche) */
font-family: tahoma, verdana, arial; /* police du texte des icones de barre de navigation */
font-size:10px; /* taille de la police du texte des icones de barre de navigation */
}
.bbd_heading {
background-image: url(http://img11.hostingpics.net/pics/746263fond.png);
color: white;
padding-left: 14px;
line-height: 22px;
width: 184px;
height: 22px;
font-size: 13px;
}
.bgblanco {
background-image: url(http://img11.hostingpics.net/pics/746263fond.png) /* fond blanc (bien pour les tableaux) */
}
.forumline {
moz-border-radius: 20px ;
webkit-border-radius:20px;
border-radius:20px;
khtml-border-radius:20px;
border : 5px solid #000000 ;
}
.line { /* bordure vert: haut gauche carré / haut droite carré / bas gauche arrondit / bas droite arrondit */
khtml-border-radius-topleft: 20px; /* haut gauche */
khtml-border-radius-topright: 20px; /* haut droite */
moz-border-radius-topleft: 20px; /* haut gauche */
moz-border-radius-topright: 20px; /* haut droite */
webkit-border-top-left-radius: 20px; /* haut gauche */
webkit-border-top-right-radius: 20px; /* haut droite */
border-bottom-left-radius: 20px; /* bas gauche arrondit */
border-bottom-right-radius: 20px; /* bas droite arrondit */
border : 5px solid #238E23; /* bordure : largeur-5px / couleur-vert */
}
.ine { /* bordure noir: haut gauche carré / haut droite carré / bas gauche arrondit / bas droite arrondit */
khtml-border-radius-topleft: 20px;
khtml-border-radius-topright: 20px;
moz-border-radius-topleft: 20px;
moz-border-radius-topright: 20px;
webkit-border-top-left-radius: 20px;
webkit-border-top-right-radius: 20px;
border-bottom-left-radius: 20px; /* bas gauche arrondit */
border-bottom-right-radius: 20px; /* bas droite arrondit */
border : 5px solid #000000 /* bordure : largeur-5px / couleur-noir */
}
.bas { /* bordure vert: soulignement (haut / gauche / droite : nul) */
khtml-border-radius-topleft: 20px;
khtml-border-radius-topright: 20px;
moz-border-radius-topleft: 20px;
moz-border-radius-topright: 20px;
webkit-border-top-left-radius: 20px;
webkit-border-top-right-radius: 20px;
border-top: 0px ; /* haut nul */
border-left: 0px ; /* gauche nul */
border-right: 0px ; /* droite nul */
border-bottom: 2px solid #238E23; /* bordure bas: largeur-2px / couleur-vert */
}
.lefty { /* bordure vert: haut gauche arrondit / haut droite carré / gauche / droite / bas: nul */
khtml-border-radius-topleft: 20px;
khtml-border-radius-topright: 20px;
moz-border-radius-topleft: 20px;
moz-border-radius-topright: 20px;
webkit-border-top-left-radius: 20px;
webkit-border-top-right-radius: 20px;
border-top-left-radius: 20px;
border : 2px solid #238E23; /* bordure : largeur-2px / couleur-vert */
border-bottom: 0px; /* bas nul */
}
p {
color: black; /* couleur des textes qui ont comme balise <p> / couleur-noir */
}
.white {
color: white; /* couleur des textes / couleur blanc */
}
#ad-c4ca br {
display: none;
}


Merci d'avance
D.Deschamps

[kheino]

Re,

Après l'identifiant body, essaie avec :

* {
font-family:arial,helvetica,tahoma,verdana,sans-serif;
}

Pas besoin du !important, parce que rien n'entre en conflit avec ce paramètre.

[D.Deschamps]

ca ne fonctionne pas

[kheino]

Ah, je n'en étais pas sûre justement...

Essaie de l'intégrer à l'identifiant body :

body {
background: url(https://2img.net/r/hpimg11/pics/713374fondnoir.jpg) fixed; /* image de fond fixe */
font-family:arial,helvetica,tahoma,verdana,sans-serif;
}

[D.Deschamps]

ca ne fonctionne pas non plus

[kheino]

Alors essayons avec dans le HTML, à la balise :

Code:

<body class="myfont">

Dans le CSS :

.myfont {
font-family: arial, helvetica, tahoma, verdana, sans-serif;
}

Peux-tu donner le lien de la page HTML aussi ?

[D.Deschamps]

Ca ne fonctionne toujours pas.
Peut être que il y a une erreur dans le reste de mon code...

Voici ma page html:

Code:


<! DOCTYPE html>
<html>

<!-- HEAD -->
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://www.ententevip.com/h5-css" />
<link rel="shortcut icon" href="http://img11.hostingpics.net/pics/594993viiip.jpg" type="image/x-icon" />
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<title>Very Important Players</title>
</head>
<!-- /HEAD -->

<body>

<!-- TABLE PRINCIPAL -->
<center><table border=0 background="http://img11.hostingpics.net/pics/746263fond.png" align=center width=70% class="line">

<!-- BANNIERE -->
<tr>
<td><a href="http://ententevip.forumactif.fr/"><div align=center><img src="http://img4.hostingpics.net/pics/749197best.png"></div></a></td>
</tr>
<!-- /BANNIERE -->

<tr>
<td>

<!-- NAVIG -->
<table width=100% class=bas cellspacing=0>
<tr>
<td><div align=center>
<table width=75% rowspan=0 cellspacing=2 cellpadding=0 border=0 align=center class="lefty">
<tr>
<td width=100% height="30">
<table width="100% border=1 cellspacing="0" cellpadding="0">
<tr>
<td class="bbd"><a href="http://ententevip.forumactif.fr/h1-accueil"><p><font color="#FF0000"><b>Accueil</b></font></p></a></td>
<td class="bbd"><a href="http://ententeom.forumactif.fr/"><p><b>Forum VIP</b></p></a></td>
<td class="bbd"><a href="http://ententevip.forumactif.fr/h2-journal"><p>Journal VIP</p></a></td>
<td class="bbd"><a href="http://ententevip.forumactif.fr/h3-staff"><p>Staff de l'entente</p></a></td>
<td class="bbd"><a href="http://www.ententevip.com/calendar"><p>Calendrier VIP</p></a></td>
</tr> 
</table> 
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- /NAVIG -->

</td>
</tr>
<tr>
<td>

<!-- CONTENUE -->
<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>

<!-- GAUCHE -->
<td>

<!-- LIENS -->
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=170 rowspan=0 cellspacing=0 cellpadding=0 rowspan=1 border=1 background="http://www.cadeau.ci/shops/images/P/Basin-Moins-Riche-Vert-Claire-%286%29-detail.jpg" class="ine">
<table width="170" border=0 cellspacing="0" cellpadding="0">
<tr><td><font size=4><p><b># Important:</b></p></td></tr>
<tr><td class="bbd"><a href="http://www.ententevip.com/t1233-presentation-de-l-entente"><p>Presentation de L'entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://www.ententevip.com/t1126-charte-de-l-entente"><p>Charte de L'entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://www.ententevip.com/t1264-les-membres-vip"><p>Membres de l'entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://www.ententevip.com/t1266-le-maillot-vip"><p>Maillot de l'entente</p></a></td></tr>
<tr><td><br></td></tr>
<tr><td class="bbd"><a href="http://ententevip.forumactif.fr/h4-video"><p>Video de l'entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://ententevip.forumactif.fr/memberlist?mode=overall_posters"><p>Meilleurs posteurs du forum</p></a></td></tr>
<tr><td><font size=4><p><b># Liens:</b></p></td></tr>
<tr><td class="bbd"><a href="http://www.virtuafoot.com/#entente?eid=1811" target="_blank"><p>Entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://www.virtuafoot.com/#matchs?entente=1811" target="_blank"><p>I-E de l'entente</p></a></td></tr>
<tr><td class="bbd"><a href="http://www.virtuafoot.com/#entente?selection=1811" target="_blank"><p>Selection</p></a></td></tr>
<tr><td><br></td></tr>
<tr><td class="bbd"><a href="http://www.virtuafoot.com/#home" target="_blank"><p>Virtuafoot</p></a></td></tr>
<tr><td class="bbd"><a href="http://forum.virtuafoot.com/" target="_blank"><p>VForum</p></a></td></tr>   
<tr><td><br></td></tr>   
</table>
</td>
</tr>
<!-- /LIENS -->

<tr>
<td height=135></td>
</tr>
</table>
</td>
<!-- /GAUCHE -->

<!-- CENTER -->
<td>
<table border=0 width=690 align=center>
<tr>

<!-- logo -->
<td><img src="http://kadamites.free.fr/forum/styles/prosilver/imageset/logo-13eba92.png"></td>
<!-- /logo -->
<!-- news -->
<td>
<table border="0" cellpadding="0" cellspacing="0" width="350" height="100" align=right>
<tr><td width="350" height="100">
<marquee onmouseover="this.stop();" onmouseout="this.start()" scrollamount="1" scrolldelay="0" direction="up" style="WIDTH: 350px; HEIGHT: 100px">
<center><b><font size=3 color="#238E23">Nous recrutons des membres actifs et motives !<br>
Venez poster votre candidature <a href="http://www.ententevip.com/f2-candidature"><font color="red">ICI</font></a>.
<br><br>
Nous sommes aussi a la recherche d'un redacteur en chef et d'un graphiste.<br>
N'hesitez pas a nous contacter si ca vous interesse !</font></b></center>
</marquee>
</td></tr>
</table>
</td>
<!-- /news -->

</tr>
<tr>

<!-- ballon -->
<td colspan=2>
<div align=center><br><img src="http://gifsgifsgifsgratuits.free.fr/images/gif-gratuit/gif-foot/gif-foot-28-gratuit.gif"><br></div>
</td>
<!-- /ballon -->

</tr>
<tr>

<!-- texte -->
<td colspan=2>
<div align=center class="white">
<b><font size=5><span class="USERNAME">Bienvenue </span></font><br><br>
Vous avez l'honneur de visiter notre magnifique site qui nous prend tant de temps a entretenir pour une visite claire simple et esthetique, afin de satisfaire nos nombreux visiteurs.<br><br>
Ce site a ete cree pour une entente du fameux jeu virtuafoot, nommee Very Important Players.<br><br>
Si vous etes nouveaux ici, n'hesitez pas a lire la presentation de notre entente (<a href="http://www.ententevip.com/t1233-presentation-de-l-entente"><font color="red">ICI</font></a>) afin de vous familiariser avec nos objectifs et notre organisation, puis inscrivez vous sur notre forum (<a href="http://www.ententevip.com/register"><font color="red">ICI</font></a>)<br><br>
A votre service.<br>
<a href="http://www.ententevip.com/g11-membres-de-l-entente"><span class="white"><u>L'equipe -VIP-<u></span></a></b>
</div>
</td>
<!-- texte -->

</tr>
</table>

<!-- /CENTER -->

<!-- BAS -->
<table border="0" width=100%><tr><td>
<marquee onmouseover="this.start();" onmouseout="this.start()" scrollamount="3" scrolldelay="3" direction="left">
<img src="http://img15.hostingpics.net/pics/238215polo11.png">
<img src="http://img15.hostingpics.net/pics/497765banlieu11.png">
<img src="http://img15.hostingpics.net/pics/653941meri11.png">
<img src="http://img15.hostingpics.net/pics/746059mfc11.png">
<img src="http://img15.hostingpics.net/pics/542353clemmy11.png">
<img src="http://img15.hostingpics.net/pics/634060jewim11.png">
<img src="http://img15.hostingpics.net/pics/538158clems11.png">
<img src="http://img15.hostingpics.net/pics/829113jays11.png">
<img src="http://img15.hostingpics.net/pics/719615quentin11.png">
<img src="http://img15.hostingpics.net/pics/514695fori11.png">
</marquee>
</td></tr></table>
<!-- /BAS -->

</td>
</tr>
</table>
<!-- /CONTENUE -->

</td>
</tr>
</table></center>
<!-- /TABLE PRINCIPAL -->


<!-- SIGNATURE -->   
<div align=center><p>Administrateur: D.Deschamps</p></div>
<!-- /SIGNATURE -->

</body>
</html>


Vous pourriez y jeter un coup d'oeil ?...

[D.Deschamps]

Non ca fonctionne !!

Je viens de réaliser que j'avais pas proposé la bonne page css !

Désolé pour tout ce dérangement !!

Et merci !!

[kheino]

Je me disais aussi...

Tant mieux et je t'en prie.

[D.Deschamps]

Encore désolé.

Et encore merci beaucoup !

Je met l'icone résolu.