Préciser la police et la taille

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Préciser la police et la taille

mlmoracle

#9xx-GRE

Bonjour,

Voilà j'ai recuperé ce script qui affiche l'heure et la date en temps réel :http://www.supportduweb.com/script [...] -reel.html
Tout marche nickel mais apparemment le navigateur utilise la police par défaut. Comment puis-je la préciser, par exemple arial, verdana, ... et la taille ?

Merci d'avance

Edit: pendant ma recherche j'ai trouvé quelques pistes: faut-il utiliser la balise div ?

Message édité par mlmoracle le 15-11-2009 à 15:12:47

---------------
-- FeedBack Vente / Achat --

Publicité

David Boring

Si tu as respecté le script, tu peux mettre ton style dans span#date_heure et faire le lien avec ta css

span#date_heure {font-family:Arial;font-size:10px}

mlmoracle

#9xx-GRE

Donc concrêtement je devrai insérer la ligne
span#date_heure {font-family:Arial;font-size:10px}
dans le body ?

Désolé je ne suis pas doué en javascript

---------------
-- FeedBack Vente / Achat --

David Boring

Non, c'est du css.
Tu devrais avoir dans ta page html un lien vers ta feuille de style externe qui contiendrait cette ligne

http://htmlhelp.com/reference/css/style-html.html

mlmoracle

#9xx-GRE

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Afficher la date et l'heure en temps réel en javascript</title>
<script type="text/javascript" src="date_heure.js"></script>
</head>
<body>
<span id="date_heure"></span>
<script type="text/javascript">window.onload = date_heure('date_heure');</script>
</body>
</html>

Voici le code de la page html en question

Et la ligne qui indique la feuille de style externe est apparemment : <script type=\"text/javascript\" src=\"date_heure.js\"></script>

Et voici le fichier js :

Code :

function date_heure(id)
{
date = new Date;
annee = date.getFullYear();
moi = date.getMonth();
mois = new Array('Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre');
j = date.getDate();
jour = date.getDay();
jours = new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
h = date.getHours();
if(h<10)
{
h = \"0\"+h;
}
m = date.getMinutes();
if(m<10)
{
m = \"0\"+m;
}
s = date.getSeconds();
if(s<10)
{
s = \"0\"+s;
}
resultat = 'Nous sommes le '+jours[jour]+' '+j+' '+mois[moi]+' '+annee+' il est '+h+':'+m+':'+s;
document.getElementById(id).innerHTML = resultat;
setTimeout('date_heure(\"'+id+'\";','1000');
return true;
}

Je viens de jeter un coup d'œil sur ton site, mais je ne vois toujours pas comment m'y prendre ...

Message édité par mlmoracle le 15-11-2009 à 15:04:58

---------------
-- FeedBack Vente / Achat --

David Boring

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Afficher la date et l'heure en temps réel en javascript</title>
<style="text/css" media="screen">
span#date_heure {font-family:Arial;font-size:10px}
</style>
<script type="text/javascript" src="date_heure.js"></script>
</head>
<body>
<span id="date_heure"></span>
<script type="text/javascript">window.onload = date_heure('date_heure');</script>
</body>
</html>

J'ai rajouté le style dans un balise en ligne.
Mais c'est mieux de faire un lien vers un fichier externe.

mlmoracle

#9xx-GRE

Je viens d'essayer ça me donne :

span#date_heure {font-family:Arial;font-size:10px} Nous sommes le Dimanche ...

---------------
-- FeedBack Vente / Achat --

Fred999

Rabat-joie

Pour préciser ce qu'indique David Boring :

Tu crées un répertoire script à la racine de ton site.

Dans ce répertoire script, tu crées le fichier style.css, qui contient :

Ce fichier va contenir le code suivant :

span#date_heure {
font-family:Arial;
font-size:10px;
}

mlmoracle

#9xx-GRE

Ok merci à tous les 2.
Je viens de créer le répertoire ainsi que le fichier css contenant span#date_heure

Comment dois-je procéder dans mon cas afin d'appeler ce fichier style ?

---------------
-- FeedBack Vente / Achat --

stealth35

pourquoi t'as fais une liste avec les mois et les jours ???, javascript gere internationalisation, ta pas besion de ca

Message édité par stealth35 le 15-11-2009 à 21:47:44

Publicité

Fred999

Rabat-joie

Ouais j'ai oublié

Dans la balise HEAD tu rajoutes :

Message édité par Fred999 le 15-11-2009 à 19:43:51

mlmoracle

#9xx-GRE

Ça marche nickel Fred merci pour tout

---------------
-- FeedBack Vente / Achat --

FORUM HardWare.fr

Programmation

HTML/CSS

Préciser la police et la taille

Sujets relatifs
Diminuer taille du texte dans un script	dessiner un rectangle de taille donné dans une image de taille donnée
bloquer la taille d'une fenêtre popup	Entiers de taille précise en C++
taille maximum d'un fichier	Fichier excel généré qui a une taille anormale [RESOLU]
ECLIPSE RCP : Régler une taille minimum pour les onglets !	[MySQL] Taille des fichiers temporaires d'une requête
Taille des cadres	taille du span dans une cellule de table
Plus de sujets relatifs à : Préciser la police et la taille

Page générée en 0.077 secondes